/* Quanscend Labs — spectral workshop theme tokens */
:root {
  color-scheme: light;
  --navy-950: #12111a;
  --navy-900: #1d1a29;
  --navy-800: #292538;
  --navy-700: #423b58;
  --slate-650: #535365;
  --mist-50: #f6f5f9;
  --mist-100: #eeedf4;
  --white: #fff;
  --blue-700: #6445ea;
  --blue-500: #967eff;
  --cyan-400: #54d7cf;
  --lime-400: #f5d274;
  --violet-400: #a796ff;
  --orange-400: #ff9d7a;
  --font-heading: 'Space Grotesk', 'Arial', sans-serif;
  --font-body: 'Manrope', 'Arial', sans-serif;
  --space-section: clamp(4rem, 8vw, 7rem);
  --content-width: 1240px;
  --page-gutter: clamp(1.25rem, 5vw, 4.5rem);
  --radius-control: .7rem;
  --bg: var(--navy-950);
  --panel: var(--navy-900);
  --panel2: var(--navy-800);
  --ink: #17151f;
  --soft: #5d5968;
  --muted: #777281;
  --muted2: #938e9d;
  --line: #dedce6;
  --line2: #cbc8d5;
  --pink: var(--violet-400);
  --cyan: var(--cyan-400);
  --violet: var(--blue-500);
  --amber: var(--lime-400);
  --paper: var(--mist-50);
  --grad: linear-gradient(100deg, #7258f2, #38c9c9);
  --w: var(--content-width);
  --radius: 1.1rem;
  --color-page: #f6f5f9;
  --color-surface: #fff;
  --color-surface-muted: #eeedf4;
  --color-text: #17151f;
  --color-text-muted: #5d5968;
  --color-border: #dedce6;
  --color-primary: #6445ea;
  --color-primary-hover: #5235d5;
  --color-accent: #2ebeb9;
  --color-inverse: #12111a;
  --color-inverse-text: #fbfaff;
  --button-bg: #7357ef;
  --button-hover-bg: #6245dc;
  --button-text: #fff;
  --scheme: light;
  --page-bg: #f6f5f9;
  --surface: #fff;
  --surface-raised: #fff;
  --surface-muted: #eeedf4;
  --text: #17151f;
  --text-soft: #5d5968;
  --text-subtle: #777281;
  --border: #dedce6;
  --primary: #6445ea;
  --primary-hover: #5235d5;
  --accent: #2ebeb9;
  --hero-bg: #eeedf5;
  --hero-ink: #17151f;
  --hero-muted: #555263;
  --hero-line: rgb(48 42 68 / .17);
  --hero-halo: rgb(104 77 237 / .2);
  --card-glow: rgb(104 77 237 / .09);
  --header-bg: #12111a;
  --header-line: rgb(255 255 255 / .11);
  --header-text: #f6f4fb;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --scheme: dark;
  --ink: #f5f3fb;
  --soft: #c5c1d0;
  --muted: #aaa5b7;
  --muted2: #858092;
  --line: #302d3d;
  --line2: #454152;
  --color-page: #0d0c13;
  --color-surface: #17151f;
  --color-surface-muted: #211f2b;
  --color-text: #f5f3fb;
  --color-text-muted: #c5c1d0;
  --color-border: #302d3d;
  --color-primary: #a796ff;
  --color-primary-hover: #c2b7ff;
  --color-accent: #70e3d9;
  --color-inverse: #12111a;
  --color-inverse-text: #fbfaff;
  --button-bg: #a796ff;
  --button-hover-bg: #c2b7ff;
  --button-text: #17151f;
  --page-bg: #0d0c13;
  --surface: #17151f;
  --surface-raised: #1d1a29;
  --surface-muted: #211f2b;
  --text: #f5f3fb;
  --text-soft: #c5c1d0;
  --text-subtle: #aaa5b7;
  --border: #302d3d;
  --primary: #a796ff;
  --primary-hover: #c2b7ff;
  --accent: #70e3d9;
  --hero-bg: #0d0c15;
  --hero-ink: #fbfaff;
  --hero-muted: #c6c2d1;
  --hero-line: rgb(223 215 255 / .16);
  --hero-halo: rgb(131 102 255 / .24);
  --card-glow: rgb(166 145 255 / .13);
  --header-bg: #09090e;
  --header-line: rgb(255 255 255 / .12);
  --header-text: #f6f4fb;
}