/* ══════════════════════════════════════════════════════════
   RegNovaIQ — Design System Tokens (SSOT)
   Landing page tokens are the canonical source of truth.
   ══════════════════════════════════════════════════════════ */

:root {
  --ink-950: #101828;
  --ink-900: #1a2b44;
  --ink-800: #24344f;
  --ink-700: #2e4563;
  --ink-600: #405878;
  --ink-500: #5f7892;
  --ink-400: #7890a8;
  --ink-300: #9eb1c4;
  --ink-200: #c7d3df;
  --ink-100: #e4eef6;
  --ink-50: #f0f6fa;
  --white: #f8fbfe;
  --brand-amber: #1e6fd9;
  --brand-amber-mid: #0a9eae;
  --brand-amber-light: #602058;
  --brand-emerald: #0a9eae;
  --brand-emerald-light: #22b8cc;
  --brand-cyan: #602058;
  --brand-cyan-light: #c83870;
  --accent-primary: #1e6fd9;
  --accent-secondary: #0a9eae;
  --accent-tertiary: #602058;
  --accent-quaternary: #c83870;
  --accent-primary-rgb: 30, 111, 217;
  --accent-secondary-rgb: 10, 158, 174;
  --accent-tertiary-rgb: 96, 32, 88;
  --accent-quaternary-rgb: 200, 56, 112;
  --surface-card: #f8fbfe;
  --surface-page: #f0f6fa;
  --surface-alt: #e4eef6;
  --border-soft: rgba(var(--accent-primary-rgb), 0.1);
  --border-med: rgba(var(--accent-primary-rgb), 0.2);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.08);
  --shadow-md: 0 8px 30px rgba(16, 24, 40, 0.12);
  --shadow-lg: 0 20px 60px rgba(16, 24, 40, 0.14);
  --shadow-brand: 0 12px 40px rgba(var(--accent-primary-rgb), 0.22);
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body: "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-ui: "Manrope", "Outfit", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --radius-xl: 28px;
  --radius-lg: 20px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --max-width: 1200px;
  --layout-max-width: var(--max-width);
  --layout-gutter: 24px;
  --transition-fast: 0.15s ease;
  --transition-med: 0.3s ease;
  --transition-slow: 0.6s ease;
  --gradient-brand: linear-gradient(135deg, #1e6fd9, #0a9eae, #602058, #c83870);
}

/* ══════════════════════════════════════════════════════════
   Dark Theme Overrides
   ══════════════════════════════════════════════════════════ */
:is([data-theme="dark"], [data-theme="zenith"]),
.dark {
  --brand-amber: #3891ff;
  --brand-amber-mid: #06b6d4;
  --brand-amber-light: #702963;
  --brand-emerald: #06b6d4;
  --brand-emerald-light: #22d3ee;
  --brand-cyan: #702963;
  --brand-cyan-light: #f06292;
  --accent-primary: #3891ff;
  --accent-secondary: #06b6d4;
  --accent-tertiary: #702963;
  --accent-quaternary: #f06292;
  --accent-primary-rgb: 56, 145, 255;
  --accent-secondary-rgb: 6, 182, 212;
  --accent-tertiary-rgb: 112, 41, 99;
  --accent-quaternary-rgb: 240, 98, 146;
  --surface-page: #0a1628;
  --surface-card: #0e1a30;
  --surface-alt: #101e34;
  --white: #0e1a30;
  --border-soft: rgba(var(--accent-primary-rgb), 0.18);
  --border-med: rgba(var(--accent-primary-rgb), 0.3);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 30px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3);
  --shadow-brand: 0 12px 40px rgba(var(--accent-primary-rgb), 0.36);
  --ink-950: #e4eefa;
  --ink-900: #d3e1f7;
  --ink-800: #c1d5f0;
  --ink-700: #a7c0e0;
  --ink-600: #80a0cc;
  --ink-500: #6e8db4;
  --ink-400: #507099;
  --ink-300: #3f6186;
  --ink-200: #2f4d70;
  --ink-100: #203250;
  --ink-50: #182842;
}