
:root{
  
  --ail-primary:            #0E7490;  
  --ail-primary-hover:      #0B5E75;
  --ail-primary-on-dark:    #22D3EE;  
  --ail-primary-on-dark-hover:#67E8F9;
  --ail-accent:             #0E7490;  
  --ail-accent-on-dark:     #22D3EE;  
  --ail-bg-darker:          #07101A;  
  --ail-cta-bg:             #0E7490;  --ail-cta-text:#FFFFFF;  --ail-cta-hover:#0B5E75;
  --ail-cta-bg-on-dark:     #22D3EE;  --ail-cta-text-on-dark:#0B1724;  --ail-cta-hover-on-dark:#67E8F9;
  --ail-sealed:             var(--ail-success);
  --ail-sealed-on-dark:     var(--ail-success-on-dark);
  --ail-detected:           var(--ail-warning);
  --ail-detected-on-dark:   var(--ail-warning-on-dark);
  --ail-primary-soft:       rgba(14,116,144,.10);  
  --ail-primary-soft-2:     rgba(14,116,144,.08);
  --ail-primary-soft-on-dark:rgba(34,211,238,.12);
  --ail-primary-glow:       rgba(14,116,144,.22);
  --ail-pattern-on-dark:    rgba(34,211,238,.07);
  --ail-warning-soft:       rgba(180,66,26,.10);
  --ail-warning-line:       rgba(180,66,26,.35);
  --ail-warning-soft-on-dark:rgba(255,138,92,.12);
  --ail-warning-line-on-dark:rgba(255,138,92,.35);
  --ail-success-soft:       rgba(14,116,144,.10);
  --ail-overlay-dark:       rgba(11,23,36,.88);  
  --ail-overlay-dark-strong:rgba(11,23,36,.94);
  --ail-tile-ink:           #E1EBEF;
  --ail-tile-ink-on-dark:   #213A50;
  --ail-code-string:        #A5F3FC;
  --ail-code-comment:       #8196A6;

  
  --ail-ink:                #07101A;
  --ail-bg-dark:            #0B1724;
  --ail-surface-dark:       #112131;
  --ail-surface-dark-2:     #172B3E;
  --ail-border-dark:        #213A50;  
  --ail-border-dark-strong: #335069;
  --ail-input-border-dark:  #6A8499;  
  --ail-text-on-dark:       #EEF6F9;
  --ail-muted-on-dark:      #9DB0BE;
  --ail-bg-light:           #FFFFFF;
  --ail-surface-light:      #F1F7F9;
  --ail-border-light:       #D6E3E8;  
  --ail-input-border:       #758892;  
  --ail-text:               #0B1724;
  --ail-muted:              #475764;
  --ail-success:            #0E7490;  --ail-success-on-dark:#22D3EE;  
  --ail-warning:            #B4421A;  --ail-warning-on-dark:#FF8A5C;  
  --ail-error:              #B4421A;  --ail-error-on-dark:#FF8A5C;  
  --ail-info:               var(--ail-primary);
  --ail-focus:              #0E7490;
  --ail-focus-on-dark:      #67E8F9;
  --ail-shadow-card:        0 1px 2px rgba(11,23,36,.06), 0 8px 24px rgba(11,23,36,.06);

  
  --ail-teal:     var(--ail-accent);
  --ail-teal-700: var(--ail-primary);
  --ail-teal-800: var(--ail-primary-hover);
  --ail-teal-300: var(--ail-primary-on-dark);
  --ail-teal-200: var(--ail-primary-on-dark-hover);

  
  --al-accent:var(--ail-cta-bg); --al-accent-hover:var(--ail-cta-hover); --al-on-accent:var(--ail-cta-text);
  --al-accent-2:var(--ail-accent);
  --al-accent-soft:var(--ail-primary-soft); --al-accent-glow:var(--ail-primary-glow);
  --al-warn-bg:var(--ail-warning-soft);
}

.al-dark,.al-hero,.al-pagehero,.al-header,.al-footer,.al-cta{
  --al-accent:var(--ail-cta-bg-on-dark); --al-accent-hover:var(--ail-cta-hover-on-dark); --al-on-accent:var(--ail-cta-text-on-dark);
  --al-accent-soft:var(--ail-primary-soft-on-dark); --al-warn-ink:var(--ail-warning-on-dark);
}
