/* ═══ COLOR FLOW MAP (from design-spec.theme_context_map) ═══
 * NAV: always-dark solid (#040E1A) — logo-light.svg on dark-top, logo-dark.svg on light-top
 *
 * index.html:       dark → dark-alt → dark-mid → dark → light → dark-alt → dark → dark-mid → dark-alt
 * platform/index:   dark → dark-alt → dark-mid → dark → dark-alt
 * platform/fe:      dark → dark-alt → dark → dark-alt
 * platform/hr:      dark → dark-alt → dark → dark-alt
 * platform/ind:     dark → dark-alt → dark → dark-alt
 * science/index:    dark → dark-alt → light → dark-alt
 * science/lnp:      dark → dark-alt → dark → dark-alt
 * science/crispr:   dark → dark-alt → dark → dark-alt
 * science/hepatic:  dark → dark-alt → dark → dark-alt
 * vectors/*:        dark → dark-alt → dark → dark-alt
 * resources/index:  dark → dark-alt → dark
 * resources/blog/*: dark → dark-alt
 * about.html:       dark → dark-alt → dark → light → dark-alt
 * team.html:        dark → dark-alt → dark → dark-alt
 * request-access:   dark → dark-alt
 * contact.html:     dark → dark-alt
 * login/*:          dark (single section, centered form)
 * legal/*:          light → white  (nav stays dark-solid, body light-top)
 *
 * Adjacent dark→dark pairs use shade-step (#040E1A → #071728 → #0C2340) for separation.
 * Light sections (#F0F4F8) on dark pages need explicit fg-light tokens for all text.
 * ═══════════════════════════════════════════════════════════════ */

:root {
  /* Background palette */
  --gdvr-bg-dark:        #040E1A;
  --gdvr-bg-dark-alt:    #071728;
  --gdvr-bg-dark-mid:    #0C2340;
  --gdvr-bg-card:        #0A1E35;
  --gdvr-bg-light:       #F0F4F8;
  --gdvr-bg-light-alt:   #E8EFF7;
  --gdvr-bg-white:       #FFFFFF;

  /* Accent colors */
  --gdvr-accent:         #00C896;   /* phospholipid green — AA on dark */
  --gdvr-accent-on-dark: #00C896;   /* ratio ~9.4:1 vs #040E1A */
  --gdvr-accent-on-light:#00875F;   /* ratio ~5.8:1 vs #F0F4F8 — AA PASS */
  --gdvr-amber:          #F5A623;
  --gdvr-amber-on-light: #C27A00;
  --gdvr-danger:         #E8524A;

  /* Foreground on dark */
  --gdvr-fg-dark-1:      #F0F6FC;   /* ~17:1 vs #040E1A — AAA */
  --gdvr-fg-dark-2:      #8BAEC8;   /* ~7.1:1 — AA */
  --gdvr-fg-dark-3:      #4E6E8A;   /* muted, decorative */

  /* Foreground on light */
  --gdvr-fg-light-1:     #040E1A;   /* ~18:1 vs #F0F4F8 — AAA */
  --gdvr-fg-light-2:     #2B4C6F;   /* ~8.5:1 — AA */
  --gdvr-fg-light-muted: #546E8A;   /* ~5.4:1 — AA */

  /* Foreground on white */
  --gdvr-fg-white-1:     #040E1A;
  --gdvr-fg-white-2:     #3A5A7A;

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

  /* Spacing */
  --gdvr-container:  1280px;
  --gdvr-content:    900px;
  --gdvr-gutter:     clamp(1rem, 4vw, 2rem);
  --gdvr-section-v:  6rem;
  --gdvr-section-v-light: 5rem;

  /* Border radius */
  --gdvr-r-card:     12px;
  --gdvr-r-pill:     999px;
  --gdvr-r-btn:      6px;
  --gdvr-r-chip:     4px;

  /* Nav height */
  --gdvr-nav-h:      64px;

  /* Transitions */
  --gdvr-ease:       0.3s ease;
  --gdvr-ease-fast:  0.15s ease;
}