/*
 * Opervex surface tokens (token-only: no element styles, safe to load anywhere).
 * Currently used by /funnels/lead-audit (variant A). Channel form ("R G B") so Tailwind
 * opacity modifiers work: rgb(var(--ov-ink) / <alpha-value>).
 *
 * Light (default)            | contrast (WCAG)
 *   page  #F1ECFB light violet | ink on page 17.3:1, muted on page 5.35:1, violet on page 4.92:1
 *   card  #FFFFFF              | ink on card 20.0:1, muted on card 6.2:1
 * Dark (opt-in: <html data-theme="dark">; not auto-applied, so nothing changes for current visitors)
 *   page  #0E0B1A, card #17132A| ink on page 17.4:1, muted on card 7.5:1, soft violet on card 7.9:1
 * Brand values ink #06080F, paper #F7F5FB and violet #7C3AED are unchanged (see brand.css).
 */
:root {
  --ov-page: 241 236 251;      /* #F1ECFB  page background behind white cards */
  --ov-card: 255 255 255;      /* #FFFFFF  cards stay white */
  --ov-paper: 247 245 251;     /* #F7F5FB  brand paper (subtle fills inside cards) */
  --ov-ink: 6 8 15;            /* #06080F */
  --ov-muted: 91 97 112;       /* #5B6170 */
  --ov-line: 232 228 240;      /* #E8E4F0 */
  --ov-violet: 124 58 237;     /* #7C3AED */
  --ov-violet-50: 245 243 255; /* #F5F3FF */
  --ov-violet-100: 237 233 254;/* #EDE9FE */
  --ov-accent-text: 124 58 237; /* #7C3AED  violet text/links: 4.92:1 on page, 5.7:1 on card */
  --ov-chrome: 241 236 251;    /* header glass tint = page */
  color-scheme: light;
}

:root[data-theme="dark"] {
  --ov-page: 14 11 26;         /* #0E0B1A */
  --ov-card: 23 19 42;         /* #17132A */
  --ov-paper: 30 25 52;        /* #1E1934 */
  --ov-ink: 244 241 250;       /* #F4F1FA */
  --ov-muted: 169 164 188;     /* #A9A4BC */
  --ov-line: 42 36 64;         /* #2A2440 */
  --ov-violet: 124 58 237;     /* #7C3AED (buttons keep white text: 5.7:1) */
  --ov-violet-50: 37 27 72;    /* #251B48 */
  --ov-violet-100: 46 34 88;   /* #2E2258 */
  --ov-accent-text: 183 156 255; /* #B79CFF  violet text on dark: 7.9:1 on card */
  --ov-chrome: 14 11 26;
  color-scheme: dark;
}