/* nodal tokens — generated from design-system/tokens.json. Do not edit by hand. */

/* Dark is the brand default. Set data-theme="light" on any section to flip it. */
:root,
[data-theme="dark"] {
  color-scheme: dark;
  --nodal-indigo: #3D12FA;
  --nodal-blue: #2A6AFB;
  --nodal-cyan: #16C3FD;
  --surface: #08090F;
  --surface-raised: #10121B;
  --surface-sunken: #050609;
  --line: #222634;
  --line-strong: #626886;
  --ink: #F2F4FA;
  --ink-muted: #9AA0B8;
  --ink-faint: #4F5571;
  --accent: var(--nodal-cyan);
  --accent-soft: #0E1B33;
  --action: var(--nodal-cyan);
  --action-hover: #5AD6FF;
  --on-action: #08090F;
  --highlight: var(--nodal-indigo);
  --on-highlight: #FFFFFF;
  --focus: var(--nodal-cyan);
  --success: #3DD68C;
  --success-soft: #0A2A1D;
  --warning: #FFB547;
  --warning-soft: #2E2108;
  --danger: #FF6B7A;
  --danger-soft: #33121A;
  --shadow-none: none;
  --shadow-overlay: 0 16px 48px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 0 1px rgba(22, 195, 253, 0.35), 0 24px 80px rgba(61, 18, 250, 0.35);
}

[data-theme="light"] {
  color-scheme: light;
  --nodal-indigo: #3D12FA;
  --nodal-blue: #2A6AFB;
  --nodal-cyan: #16C3FD;
  --surface: #F5F6FA;
  --surface-raised: #FFFFFF;
  --surface-sunken: #ECEEF4;
  --line: #E1E4EE;
  --line-strong: #7D839B;
  --ink: #0B0D17;
  --ink-muted: #565B72;
  --ink-faint: #A3A8BC;
  --accent: var(--nodal-indigo);
  --accent-soft: #ECE8FF;
  --action: var(--nodal-indigo);
  --action-hover: #2F08D9;
  --on-action: #FFFFFF;
  --highlight: var(--nodal-indigo);
  --on-highlight: #FFFFFF;
  --focus: var(--nodal-indigo);
  --success: #0B7A53;
  --success-soft: #E3F5EC;
  --warning: #B25E00;
  --warning-soft: #FFF1DC;
  --danger: #C8243A;
  --danger-soft: #FDE6E9;
  --shadow-none: none;
  --shadow-overlay: 0 16px 48px rgba(11, 13, 23, 0.14);
  --shadow-glow: 0 0 0 1px rgba(61, 18, 250, 0.25), 0 24px 80px rgba(22, 195, 253, 0.25);
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-none: 0px;
  --radius-xs: 2px;
  --radius-full: 9999px;
  --border-hair: 1px;
  --border-focus: 2px;
  --border-accent: 2px;
  --container-max: 1280px;
  --nav-height: 64px;
  --grid-columns: 12;
  --bp-tablet: 768px;
  --bp-desktop: 1120px;
  --font-display: Montserrat, "Helvetica Neue", Arial, sans-serif;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
}