/* ================================================================
   Auriga Nexus · v1.0.7 · professional theme tokens
   Light: Pearl / Cobalt. Dark: Graphite / Teal.
   Edit a palette here; all pages use the same semantic roles.
   Gold remains a restrained product/navigation accent, not the CTA.
   ================================================================ */
:root {
  color-scheme: light;
  --bg: #F4F7FC;
  --surface: #FFFFFF;
  --surface-2: #ECF1F8;
  --surface-3: #E2EAF5;
  --ink: #15243B;
  --ink-soft: #4D5F78;
  --ink-faint: #586781;
  --line: #D9E2EF;
  --line-2: #B8C6D9;
  --input-line: #8191A9;
  --input-bg: #FAFCFF;
  --header-bg: #FFFFFF;
  --hero-bg: #F4F7FC;
  --footer-bg: #ECF1F8;
  --grid-line: rgba(35, 84, 220, .045);

  --primary: #2354DC;
  --primary-hover: #1B43B5;
  --primary-text: #FFFFFF;
  --primary-ink: #214FC7;
  --primary-soft: #E8EEFF;
  --primary-line: #B9C9F4;
  --focus: #2354DC;
  --focus-ring: rgba(35, 84, 220, .14);
  --brand-accent: #214FC7;

  --navy: #152A45;
  --navy-2: #1D3553;
  --navy-3: #294667;
  --on-inverse: #F5F8FF;
  --on-inverse-soft: #BFCEE0;
  --inverse-accent: #A8C6FF;
  --inverse-line: #3D526D;
  --inverse-button: #D9E6FF;
  --inverse-button-hover: #EEF4FF;
  --inverse-button-text: #15335E;
  --navy-button: #253B57;
  --navy-button-hover: #172B45;
  --secondary-text: #FFFFFF;

  --gold: #C78B2B;
  --gold-ink: #8B5C12;
  --gold-soft: #FBF3E5;
  --gold-line: #E6D4AF;
  --teal: #18877E;
  --teal-ink: #116B66;
  --teal-soft: #E6F3F0;
  --teal-line: #B5D9D1;
  --lens-nav-accent: #97551C;
  --lens-nav-hover: #763D10;
  --bone: #E5EDF7;

  --logo-bg: transparent;
  --logo-padding: 0;
  --video-bg: #0B141D;
  --shadow-sm: 0 2px 5px rgba(21,36,59,.025), 0 8px 24px -18px rgba(21,36,59,.15);
  --shadow-md: 0 16px 38px -22px rgba(21,36,59,.26), 0 3px 8px rgba(21,36,59,.035);
  --shadow-button: 0 4px 10px -5px rgba(35,84,220,.42);
  --r: 14px;
  --r-sm: 10px;
  --r-control: 8px;
  --maxw: 1280px;
  --font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --font-heading: "Inter", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E151C;
  --surface: #16212A;
  --surface-2: #1B2832;
  --surface-3: #253540;
  --ink: #EDF5F7;
  --ink-soft: #B4C4CE;
  --ink-faint: #95ABB9;
  --line: #2C3D49;
  --line-2: #485F6E;
  --input-line: #68818E;
  --input-bg: #101A22;
  --header-bg: #101920;
  --hero-bg: #0E151C;
  --footer-bg: #111C24;
  --grid-line: rgba(99, 220, 198, .035);

  --primary: #63DCC6;
  --primary-hover: #8CE9D7;
  --primary-text: #072A28;
  --primary-ink: #87E6D3;
  --primary-soft: #173733;
  --primary-line: #35675E;
  --focus: #83E8D4;
  --focus-ring: rgba(99,220,198,.15);
  --brand-accent: #87E6D3;

  --navy: #102329;
  --navy-2: #173139;
  --navy-3: #24434A;
  --on-inverse: #EFFBFA;
  --on-inverse-soft: #BAD1CF;
  --inverse-accent: #9BE8DA;
  --inverse-line: #36585D;
  --inverse-button: #63DCC6;
  --inverse-button-hover: #8CE9D7;
  --inverse-button-text: #072A28;
  --navy-button: #25434B;
  --navy-button-hover: #31545C;
  --secondary-text: #EAF7F7;

  --gold: #DFB468;
  --gold-ink: #E8C27F;
  --gold-soft: #302B22;
  --gold-line: #625238;
  --teal: #5CC8B8;
  --teal-ink: #8CDDD0;
  --teal-soft: #183631;
  --teal-line: #325E56;
  --lens-nav-accent: #F0C681;
  --lens-nav-hover: #FFDFAB;
  --bone: #D9E9E9;

  --logo-bg: #F2F5F8;
  --logo-padding: 3px 4px;
  --video-bg: #080F15;
  --shadow-sm: 0 2px 7px rgba(0,0,0,.11);
  --shadow-md: 0 18px 40px -20px rgba(0,0,0,.48), 0 3px 8px rgba(0,0,0,.12);
  --shadow-button: none;
}