/* GENERATED by scripts/build-tokens.mjs — do not edit. Sources: handoff/tokens.json, Nocturne styles.css, design extras, landing extras (docs/landing-migration.md). */
:root {
  --brand-primary: #573FC9;
  --brand-primary-hover: #6a52e0;
  --brand-accent: #7B5CFF;
  --brand-accent-soft: #B9A6FF;
  --brand-accent-tint: #2E2670;
  --brand-bg: #161826;
  --brand-surface: #232532;
  --brand-text: #e9e9ed;
  --brand-text-muted: #9397ab;
  --brand-text-faint: #75798c;
  --brand-border: rgba(233,233,237,.16);
  --av-me: #7B5CFF;
  --av-mei: #F472B6;
  --av-david: #14B8A6;
  --av-sarah: #38BDF8;
  --av-kai: #FACC15;
  --av-jimmy: #F97316;
  --av-tina: #22C55E;
  --av-raj: #A78BFA;
  --av-ana: #EF4444;
  --res-talked: #22C55E;
  --res-noanswer: #FACC15;
  --res-declined: #EF4444;
  --res-notvoter: #14B8A6;
  --res-noaccess: #F472B6;
  --res-vacant: #6B7280;
  --res-wrong: #F97316;
  --sup-yes: #22C55E;
  --sup-fence: #FACC15;
  --sup-no: #EF4444;
  --line-free: #8B7CF6;
  --line-pending: #FACC15;
  --line-taken: #6B7280;
  --line-done: #22C55E;
  --line-mine: #E9E9ED;
  --stc-free-bg: transparent;
  --stc-free-fg: #B9A6FF;
  --stc-free-bd: #7B5CFF;
  --stc-pending-bg: rgba(250,204,21,.14);
  --stc-pending-fg: #FACC15;
  --stc-pending-bd: transparent;
  --stc-taken-bg: #3f424d;
  --stc-taken-fg: #cfd3e5;
  --stc-taken-bd: transparent;
  --stc-mine-bg: #573FC9;
  --stc-mine-fg: #fff;
  --stc-mine-bd: transparent;
  --stc-done-bg: rgba(34,197,94,.14);
  --stc-done-fg: #22C55E;
  --stc-done-bd: transparent;
  --ds-color-bg: #161826;
  --ds-color-surface: #232532;
  --ds-color-text: #e9e9ed;
  --ds-color-accent: #9184d9;
  --ds-color-accent-2: #a7a1db;
  --ds-color-divider: color-mix(in srgb, #e9e9ed 16%, transparent);
  --ds-color-neutral-100: #f3f5fe;
  --ds-color-neutral-200: #e4e7f5;
  --ds-color-neutral-300: #cfd3e5;
  --ds-color-neutral-400: #b2b6ca;
  --ds-color-neutral-500: #9397ab;
  --ds-color-neutral-600: #75798c;
  --ds-color-neutral-700: #595d6c;
  --ds-color-neutral-800: #3f424d;
  --ds-color-neutral-900: #292b31;
  --ds-color-accent-100: #f5f4ff;
  --ds-color-accent-200: #e7e5fe;
  --ds-color-accent-300: #d2cefd;
  --ds-color-accent-400: #b5abfc;
  --ds-color-accent-500: #968ae0;
  --ds-color-accent-600: #796cbf;
  --ds-color-accent-700: #5d5294;
  --ds-color-accent-800: #423a6a;
  --ds-color-accent-900: #2b2741;
  --ds-color-accent-2-100: #f5f4ff;
  --ds-color-accent-2-200: #e7e5fe;
  --ds-color-accent-2-300: #d2cefd;
  --ds-color-accent-2-400: #b5afe8;
  --ds-color-accent-2-500: #9690c9;
  --ds-color-accent-2-600: #7972a9;
  --ds-color-accent-2-700: #5c5783;
  --ds-color-accent-2-800: #423e5d;
  --ds-color-accent-2-900: #2b293a;
  --ds-color-section: #262a60;
  --ds-color-section-glow: #353b80;
  --ds-color-section-ghost: #4c5397;
  --ds-font-heading: "Inter", system-ui, sans-serif;
  --ds-font-heading-weight: 500;
  --ds-font-body: "Inter", system-ui, sans-serif;
  --ds-space-1: 2.8px;
  --ds-space-2: 5.6px;
  --ds-space-3: 8.4px;
  --ds-space-4: 11.2px;
  --ds-space-6: 16.8px;
  --ds-space-8: 22.4px;
  --ds-radius-sm: 4px;
  --ds-radius-md: 8px;
  --ds-radius-lg: 14px;
  --ds-shadow-sm: 0 0 0 1px #3f424d;
  --ds-shadow-md: 0 0 0 1px #595d6c, 0 6px 18px rgba(0,0,0,0.55);
  --ds-shadow-lg: 0 0 0 1px #9397ab, 0 16px 40px rgba(0,0,0,0.65);
  --x-canvas-bg: #0d0f17;
  --x-ink: #0d0f17;
  --x-text-2: #cfd3e5;
  --x-text-3: #b2b6ca;
  --x-surface-2: #3f424d;
  --x-line: rgba(233,233,237,.16);
  --x-line-soft: rgba(233,233,237,.08);
  --x-scrim: rgba(13,15,23,.62);
  --x-glass: rgba(22,24,38,.92);
  --x-brand-deep: #573FC9;
  --x-brand-glow: rgba(123,92,255,.18);
  --x-tier-0: #A16207;
  --x-tier-1: #7B5CFF;
  --x-tier-2: #38BDF8;
  --x-tier-3: #2DD4BF;
  --x-tier-4: #FB923C;
  --x-tier-5: #FB7185;
  --x-tier-6: #E879F9;
  --x-list-0: #7DD3FC;
  --x-list-1: #C026D3;
  --x-list-2: #BEF264;
  --x-list-3: #FECACA;
  --x-accent-dim: #5d5294;
  --x-plan-ctx: #6B7280;
  --x-ok: #22C55E;
  --x-warn: #FACC15;
  --x-danger: #EF4444;
  --x-info: #38BDF8;
  --x-white: #ffffff;
  --x-gold: #FACC15;
  --x-line-faint: rgba(233,233,237,.06);
  --x-line-12: rgba(233,233,237,.12);
  --x-line-30: rgba(233,233,237,.3);
  --x-track: rgba(233,233,237,.1);
  --x-shadow: rgba(0,0,0,.5);
  --x-shadow-md: rgba(0,0,0,.55);
  --x-shadow-lg: rgba(0,0,0,.7);
  --x-warn-bg: rgba(250,204,21,.12);
  --x-warn-line: rgba(250,204,21,.3);
  --x-warn-bg-soft: rgba(250,204,21,.08);
  --x-warn-line-soft: rgba(250,204,21,.25);
  --x-ok-bg: rgba(34,197,94,.14);
  --x-danger-line: rgba(239,68,68,.5);
  --x-danger-line-30: rgba(239,68,68,.3);
  --x-accent-line: rgba(123,92,255,.35);
  --x-brand-ring: rgba(123,92,255,.45);
  --x-brand-ring-12: rgba(123,92,255,.12);
  --x-glass-70: rgba(22,24,38,.7);
  --x-logo-a: #9C78EF;
  --x-logo-b: #6D80FC;
  --x-tier-1-line: rgba(123,92,255,.2);
  --x-ok-line: rgba(34,197,94,.3);
  --x-black: #000000;
  --bg: var(--brand-bg);
  --surface: var(--brand-surface);
  --text: var(--brand-text);
  --text-muted: var(--brand-text-muted);
  --text-faint: var(--brand-text-faint);
  --accent: var(--brand-accent);
  --accent-soft: var(--brand-accent-soft);
  --accent-tint: var(--brand-accent-tint);
  --primary: var(--brand-primary);
  --primary-hover: var(--brand-primary-hover);
  --border: var(--brand-border);
  --font: Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-sheet: 22px;
  --radius-full: 999px;
  --z-map-chrome: 11;
  --z-map-outdoor: 12;
  --z-nav: 20;
  --z-scrim: 30;
  --z-modal: 40;
  --z-consent: 100;
  --z-toast: 999;
  --z-top: 1000;
  --z-boot: 9999;
  /* landing light surface */
  --l-bg: #FAF9F6;
  --l-box: #F5F3EF;
  --l-ink: #1B1830;
  --l-ink-2: #3A3550;
  --l-muted: #6B6580;
  --l-hairline: rgba(60,60,67,.29);
  --l-brand: var(--brand-accent);
  --l-track-line: rgba(27,24,48,.30);
  --l-track-scrim: rgba(250,249,246,.94);
  --l-track-dim: #4B4660;
  --l-ink-a06: rgba(27,24,48,.06);
  --l-ink-a12: rgba(27,24,48,.12);
  --l-ink-a16: rgba(27,24,48,.16);
  --l-ink-a30: rgba(27,24,48,.30);
  --l-ink-a45: rgba(27,24,48,.45);
  --l-ink-a55: rgba(27,24,48,.55);
  --l-ink-a72: rgba(27,24,48,.72);
  --l-bg-a12: rgba(250,249,246,.12);
  --l-bg-a60: rgba(250,249,246,.6);
  --l-bg-a90: rgba(250,249,246,.9);
  --l-bg-a94: rgba(250,249,246,.94);
  --l-white-a12: rgba(255,255,255,.12);
  --l-shadow-sm: 0 6px 24px rgba(27,24,48,.16);
  --l-shadow-md: 0 12px 32px rgba(27,24,48,.14);
  --l-shadow-lg: 0 24px 64px rgba(27,24,48,.45);
  --l-shadow-up: 0 -8px 40px rgba(27,24,48,.18);
  --l-cta-glow: rgba(123,92,255,.3);
  --l-dark-scrim: rgba(22,24,38,.94);
}
html.dark {
  --l-bg: var(--brand-bg);
  --l-box: var(--brand-surface);
  --l-ink: var(--brand-text);
  --l-ink-2: var(--x-text-2);
  --l-muted: var(--brand-text-muted);
  --l-hairline: var(--brand-border);
  --l-brand: var(--brand-accent-soft);
  --l-track-scrim: var(--l-dark-scrim);
}