/* tokens.css — GENERATED by tools/make_tokens.py from the Figma variables (file cBM4HU9tXhyvwiQcv3IEyD, Theme Light/Dark).
   Light is the default; <html data-theme='dark'> switches every colour. Do not edit by hand. */
:root, :root[data-theme='light'] {
  color-scheme: light;
  --bg-page: #E1E7F1;
  --bg-surface: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.75);
  --bg-glass-strong: rgba(255, 255, 255, 0.78);
  --bg-glass-soft: rgba(255, 255, 255, 0.7);
  --bg-glass-subtle: rgba(255, 255, 255, 0.6);
  --bg-clear: rgba(255, 255, 255, 0);
  --bg-dock: rgba(242, 244, 247, 0.05);
  --bg-inverse: #373E54;
  --bg-media: #101216;
  --bg-avatar: #04050A;
  --bg-brand-mark: #000000;
  --text-primary: #434652;
  --text-secondary: #595C61;
  --text-nav: #2A2D33;
  --text-on-inverse: #FFFFFF;
  --icon-primary: #17191D;
  --icon-on-inverse: #FFFFFF;
  --icon-muted: #A0A6B0;
  --icon-bars: #6A7386;
  --border-subtle: rgba(23, 25, 29, 0.08);
  --border-strong: #17191D;
  --border-divider: rgba(23, 25, 29, 0.18);
  --accent-focus: #3D6BFF;
  --status-live: #3BB273;
  --decor-cool: #CCDFFF;
  --decor-lilac: #DDD4F5;
  --decor-warm: #F2E3D7;
  --bg-inverse-hover: #111214;
  --bg-dock-active-hover: #131416;
  --status-live-halo: rgba(59, 178, 115, 0.16);
  --fx-ink-55: rgba(23, 25, 29, 0.55);
  --fx-white-40: rgba(255, 255, 255, 0.4);
  --fx-white-14: rgba(255, 255, 255, 0.14);
  --fx-ink-30: rgba(23, 25, 29, 0.3);
  --fx-ink-8: rgba(23, 25, 29, 0.08);
  --fx-white-90: rgba(255, 255, 255, 0.9);
  --fx-ink-12: rgba(23, 25, 29, 0.12);
  --fx-ink-32: rgba(23, 25, 29, 0.32);
  --fx-ink-6: rgba(23, 25, 29, 0.06);
  --fx-ink-5: rgba(23, 25, 29, 0.05);
  --fx-white-55: rgba(255, 255, 255, 0.55);
  --fx-white-95: rgba(255, 255, 255, 0.95);
  --fx-ink-60: rgba(23, 25, 29, 0.6);
  --fx-white-22: rgba(255, 255, 255, 0.22);
  --fx-white-18: rgba(255, 255, 255, 0.18);
  --fx-ink-50: rgba(23, 25, 29, 0.5);
  --fx-ink-14: rgba(23, 25, 29, 0.14);
  --fx-white-70: rgba(255, 255, 255, 0.7);
  --fx-white-8: rgba(255, 255, 255, 0.08);
  --fx-ink-57: rgba(23, 25, 29, 0.57);
  --fx-white-80: rgba(255, 255, 255, 0.8);
  --fx-ink-45: rgba(23, 25, 29, 0.45);
  --fx-white-100: #FFFFFF;
  --fx-ink-25: rgba(23, 25, 29, 0.25);
  --grad-white-78: rgba(255, 255, 255, 0.78);
  --grad-warm-55: rgba(242, 227, 215, 0.55);
  --grad-warm-0: rgba(242, 227, 215, 0);
  --grad-cool-55: rgba(204, 223, 255, 0.55);
  --grad-cool-0: rgba(204, 223, 255, 0);
  --grad-cool-70: rgba(204, 223, 255, 0.7);
  --grad-lilac-70: rgba(221, 212, 245, 0.7);
  --grad-warm-75: rgba(242, 227, 215, 0.75);
  --grad-white-92: rgba(255, 255, 255, 0.92);
  --grad-white-55: rgba(255, 255, 255, 0.55);
  --grad-white-100: #FFFFFF;
  --grad-lilac-2-90: rgba(240, 236, 251, 0.9);
  --grad-lilac-80: rgba(221, 212, 245, 0.8);
  --grad-cool-90: rgba(204, 223, 255, 0.9);
  --grad-cool-45: rgba(204, 223, 255, 0.45);
  --grad-lilac-40: rgba(221, 212, 245, 0.4);
  --grad-warm-45: rgba(242, 227, 215, 0.45);
  --grad-white-85: rgba(255, 255, 255, 0.85);
  --grad-white-98: rgba(255, 255, 255, 0.98);
  --grad-white-45: rgba(255, 255, 255, 0.45);
  --grad-lilac-45: rgba(221, 212, 245, 0.45);
  --grad-steel-50: rgba(182, 184, 215, 0.5);
  --grad-slate-55: rgba(150, 162, 190, 0.55);
  --grad-warm-12: rgba(242, 227, 215, 0.12);
  --grad-cool-11: rgba(204, 223, 255, 0.11);
  --accent-brand: #3D6BFF;
  --accent-brand-glow: rgba(61, 107, 255, 0.25);
  --scrim-100: #E1E7F1;
  --scrim-90: rgba(225, 231, 241, 0.9);
  --scrim-70: rgba(225, 231, 241, 0.7);
  --scrim-40: rgba(225, 231, 241, 0.4);
  --scrim-0: rgba(225, 231, 241, 0);
  --text-heading: #373E54;
  --text-eyebrow: #434652;
  --bg-button-secondary: #F2F3F9;
  --accent-hero-glow: rgba(242, 182, 107, 0.34);
  --fx-lift: rgba(27, 32, 52, 0.4);
  --fx-lift-strong: rgba(27, 32, 52, 0.45);
  /* aliases used by the live-site stylesheet this one grew from */
  --bg: var(--bg-page); --ink: var(--text-primary); --ink-2: var(--text-secondary); --line: var(--border-subtle);
  --surface: var(--bg-surface); --cool: var(--decor-cool); --lilac: var(--decor-lilac); --warm: var(--decor-warm);
  --btn-dark: var(--bg-inverse); --plate: var(--bg-media); --focus: var(--accent-focus);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg-page: #1A1C1F;
  --bg-surface: #23262B;
  --bg-glass: rgba(255, 255, 255, 0.06);
  --bg-glass-strong: rgba(255, 255, 255, 0.08);
  --bg-glass-soft: rgba(255, 255, 255, 0.05);
  --bg-glass-subtle: rgba(255, 255, 255, 0.08);
  --bg-clear: rgba(255, 255, 255, 0);
  --bg-dock: rgba(255, 255, 255, 0.05);
  --bg-inverse: #F3F4F6;
  --bg-media: #0E0F11;
  --bg-avatar: #04050A;
  --bg-brand-mark: #000000;
  --text-primary: #D4D4F4;
  --text-secondary: #8F8FA7;
  --text-nav: #D5D9E2;
  --text-on-inverse: #17191D;
  --icon-primary: #EBEBF8;
  --icon-on-inverse: #17191D;
  --icon-muted: #6A7386;
  --icon-bars: #A7B5D0;
  --border-subtle: rgba(255, 255, 255, 0.1);
  --border-strong: #EBEBF8;
  --border-divider: rgba(255, 255, 255, 0.14);
  --accent-focus: #7C9BFF;
  --status-live: #3BB273;
  --decor-cool: #22324D;
  --decor-lilac: #2D2747;
  --decor-warm: #3A2E27;
  --bg-inverse-hover: #FFFFFF;
  --bg-dock-active-hover: #FFFFFF;
  --status-live-halo: rgba(59, 178, 115, 0.24);
  --fx-ink-55: rgba(0, 0, 0, 0.715);
  --fx-white-40: rgba(255, 255, 255, 0.048);
  --fx-white-14: rgba(255, 255, 255, 0.017);
  --fx-ink-30: rgba(0, 0, 0, 0.39);
  --fx-ink-8: rgba(0, 0, 0, 0.104);
  --fx-white-90: rgba(255, 255, 255, 0.108);
  --fx-ink-12: rgba(0, 0, 0, 0.156);
  --fx-ink-32: rgba(0, 0, 0, 0.416);
  --fx-ink-6: rgba(0, 0, 0, 0.078);
  --fx-ink-5: rgba(0, 0, 0, 0.065);
  --fx-white-55: rgba(255, 255, 255, 0.066);
  --fx-white-95: rgba(255, 255, 255, 0.114);
  --fx-ink-60: rgba(0, 0, 0, 0.78);
  --fx-white-22: rgba(255, 255, 255, 0.026);
  --fx-white-18: rgba(255, 255, 255, 0.022);
  --fx-ink-50: rgba(0, 0, 0, 0.65);
  --fx-ink-14: rgba(0, 0, 0, 0.182);
  --fx-white-70: rgba(255, 255, 255, 0.084);
  --fx-white-8: rgba(255, 255, 255, 0.01);
  --fx-ink-57: rgba(0, 0, 0, 0.741);
  --fx-white-80: rgba(255, 255, 255, 0.096);
  --fx-ink-45: rgba(0, 0, 0, 0.585);
  --fx-white-100: rgba(255, 255, 255, 0.12);
  --fx-ink-25: rgba(0, 0, 0, 0.325);
  --grad-white-78: rgba(255, 255, 255, 0.07);
  --grad-warm-55: rgba(242, 227, 215, 0.154);
  --grad-warm-0: rgba(242, 227, 215, 0);
  --grad-cool-55: rgba(204, 223, 255, 0.154);
  --grad-cool-0: rgba(204, 223, 255, 0);
  --grad-cool-70: rgba(204, 223, 255, 0.196);
  --grad-lilac-70: rgba(221, 212, 245, 0.196);
  --grad-warm-75: rgba(242, 227, 215, 0.21);
  --grad-white-92: rgba(255, 255, 255, 0.083);
  --grad-white-55: rgba(255, 255, 255, 0.05);
  --grad-white-100: rgba(255, 255, 255, 0.09);
  --grad-lilac-2-90: rgba(240, 236, 251, 0.252);
  --grad-lilac-80: rgba(221, 212, 245, 0.224);
  --grad-cool-90: rgba(204, 223, 255, 0.252);
  --grad-cool-45: rgba(204, 223, 255, 0.126);
  --grad-lilac-40: rgba(221, 212, 245, 0.112);
  --grad-warm-45: rgba(242, 227, 215, 0.126);
  --grad-white-85: rgba(255, 255, 255, 0.076);
  --grad-white-98: rgba(255, 255, 255, 0.088);
  --grad-white-45: rgba(255, 255, 255, 0.041);
  --grad-lilac-45: rgba(221, 212, 245, 0.126);
  --grad-steel-50: rgba(182, 184, 215, 0.14);
  --grad-slate-55: rgba(150, 162, 190, 0.154);
  --grad-warm-12: rgba(242, 227, 215, 0.034);
  --grad-cool-11: rgba(204, 223, 255, 0.031);
  --accent-brand: #F2B66B;
  --accent-brand-glow: rgba(242, 182, 107, 0.3);
  --scrim-100: #1A1C1F;
  --scrim-90: rgba(26, 28, 31, 0.9);
  --scrim-70: rgba(26, 28, 31, 0.7);
  --scrim-40: rgba(26, 28, 31, 0.4);
  --scrim-0: rgba(26, 28, 31, 0);
  --text-heading: #D4D4F4;
  --text-eyebrow: #A7B5D0;
  --bg-button-secondary: rgba(255, 255, 255, 0.05);
  --accent-hero-glow: rgba(242, 182, 107, 0.15);
  --fx-lift: rgba(0, 0, 0, 0.39);
  --fx-lift-strong: rgba(0, 0, 0, 0.39);
}