/* ═══ COLOR FLOW MAP (from design-spec.theme_context_map) ═══
 * index.html:      dark-top → nav transparent-on-dark / sections: dark, dark-alt, light, light-alt, light, dark, light, dark, footer-dark
 * about.html:      dark-top → sections: dark, light, light-alt, light, dark
 * team.html:       light-top → sections: light, light, light-alt, dark
 * contact.html:    light-top → sections: light, light
 * pricing.html:    light-top → sections: light, light, light-alt, dark
 * security.html:   dark-top → sections: dark, light, light-alt, dark
 * integrations/*:  light-top → sections: light, light, light-alt (+ dark CTA)
 * product/invoice-processing.html: dark-top → dark, light, light-alt, dark
 * product/approval-routing.html:   dark-top → dark, light, light-alt, dark
 * product/supplier-payments.html:  dark-top → dark, light, dark
 * product/erp-sync.html:           light-top → light, light, dark
 * solutions/mid-market.html:       dark-top → dark, light, light-alt, dark
 * solutions/manufacturing.html:    light-top → light, light, light-alt, dark
 * solutions/professional-services.html: light-top → light, light, light-alt, dark
 * roi-calculator.html:             light-top → light, light, dark
 * implementation.html:             light-top → light, light, light-alt, dark
 * glossary.html:                   light-top → light, light
 * blog/index.html:                 light-top → light, light
 * blog/article.html:               light-top → light, light, light, light-alt, light
 * login/index.html:                dark-top → full dark split (auth-panel = light nested in dark)
 * login/signup.html:               dark-top → full dark split (auth-panel = light nested in dark)
 * login/reset-password.html:       light-top → light
 * legal/*:                         light-top → light
 * footer (all pages):              DARK (#0E1B30)
 *
 * NAV LOGIC:
 *   dark-top pages: nav transparent at scrollY=0 (white text on dark), solid dark scrolled
 *   light-top pages: nav solid white at all times (dark text)
 *   logo-light.svg on dark-top pages / dark nav
 *   logo-dark.svg on light-top pages / white nav
 * ═══════════════════════════════════════════════════════════════════════════ */

:root {
  /* === Brand Palette === */
  --apv-navy:           #0E1B30;
  --apv-navy-alt:       #162440;
  --apv-navy-card:      #1C2E4A;
  --apv-blue:           #2D6BE4;
  --apv-blue-deco:      #3B82F6;
  --apv-blue-aa-light:  #1D55C4;
  --apv-blue-aa-dark:   #60A5FA;
  --apv-green:          #16A34A;
  --apv-green-aa:       #15803D;
  --apv-amber:          #D97706;
  --apv-border-dark:    #243655;
  --apv-border-light:   #DDE5EF;

  /* === Backgrounds === */
  --apv-bg-white:       #FFFFFF;
  --apv-bg-light:       #F5F8FC;
  --apv-bg-light-alt:   #EDF2F8;
  --apv-bg-dark:        #0E1B30;
  --apv-bg-dark-alt:    #162440;
  --apv-bg-dark-card:   #1C2E4A;

  /* === Foreground tokens — context-paired === */
  --apv-fg-light-1:     #0E1B30;   /* AAA on light */
  --apv-fg-light-2:     #374151;   /* AAA on light */
  --apv-fg-light-3:     #6B7280;   /* AA on white at ≥16px */
  --apv-fg-dark-1:      #F0F6FF;   /* AAA on dark */
  --apv-fg-dark-2:      #94AECF;   /* AA on dark */
  --apv-fg-dark-3:      #94AECF;   /* use -2 token; -3 is decorative only */

  /* === Typography === */
  --apv-font-display:   'Inter', system-ui, -apple-system, sans-serif;
  --apv-font-body:      'Inter', system-ui, -apple-system, sans-serif;
  --apv-font-mono:      'JetBrains Mono', 'Fira Code', Consolas, monospace;

  /* === Sizing === */
  --apv-radius-card:    12px;
  --apv-radius-btn:     8px;
  --apv-radius-input:   8px;
  --apv-radius-badge:   4px;
  --apv-radius-pill:    9999px;
  --apv-nav-height:     64px;
  --apv-container:      1200px;

  /* === Shadows === */
  --apv-shadow-card:    0 1px 4px rgba(14,27,48,0.06), 0 4px 16px rgba(14,27,48,0.08);
  --apv-shadow-hover:   0 4px 12px rgba(14,27,48,0.1), 0 12px 32px rgba(14,27,48,0.12);
  --apv-shadow-btn:     0 2px 8px rgba(45,107,228,0.3);

  /* === Transitions === */
  --apv-ease:           cubic-bezier(0.4, 0, 0.2, 1);
  --apv-dur-fast:       150ms;
  --apv-dur-base:       250ms;
}