/* GENERATED from shared/tokens.json by .harness/scripts/pages/render-tokens.mjs — do not edit by hand. */
:root {
  color-scheme: light dark;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --r-chip: 6px;
  --r-control: 10px;
  --r-node: 12px;
  --r-card: 14px;
  --r-panel: 16px;
  --r-pill: 999px;
  --dur-hover: 120ms;
  --dur-state: 200ms;
  --dur-panel: 320ms;
  --dur-sheet: 240ms;
  --dur-camera: 620ms;
  --dur-dash: 1200ms;
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-inout: cubic-bezier(.4,0,.2,1);
  --bg: #F4F6F8;
  --surface: #FFFFFF;
  --surface-2: #EEF2F5;
  --ink: #14212E;
  --ink-2: #3D4E5F;
  --ink-3: #5B6B7B;
  --line: #C9D3DC;
  --accent: #B45309;
  --accent-soft: #FEF3C7;
  --accent-ink: #7C2D12;
  --link: #0B5FA5;
  --focus: #1D4ED8;
  --danger: #B42318;
  --ok: #15803D;
  --warn: #B45309;
  --bad: #B91C1C;
  --dim: rgba(244,246,248,.72);
  --lane-experience-fill: #F1F0FA;
  --lane-experience-stroke: #B6B0E0;
  --lane-experience-text: #3E3A86;
  --lane-distribution-fill: #EEF4FB;
  --lane-distribution-stroke: #9DBBDD;
  --lane-distribution-text: #1F4E7A;
  --lane-interfaces-fill: #FDF6E7;
  --lane-interfaces-stroke: #E3C58A;
  --lane-interfaces-text: #7A5210;
  --lane-constitution-fill: #EAF4F8;
  --lane-constitution-stroke: #9EC5D6;
  --lane-constitution-text: #155E78;
  --lane-execution-fill: #EEF8F1;
  --lane-execution-stroke: #A3D3B2;
  --lane-execution-text: #1E6B3A;
  --lane-authority-fill: #FBEFF3;
  --lane-authority-stroke: #E1AFC0;
  --lane-authority-text: #8A2A4C;
  --lane-evidence-fill: #F2F2F2;
  --lane-evidence-stroke: #BDBDBD;
  --lane-evidence-text: #3F3F46;
  --phase-1: #2F6EA5;
  --phase-2: #1F7F72;
  --phase-3: #4F7F1F;
  --phase-4: #2F7F52;
  --phase-5: #B45309;
  --m-visioned-fill: #F1F5F9;
  --m-visioned-text: #475569;
  --m-designed-fill: #EDE9FE;
  --m-designed-text: #5B21B6;
  --m-prototyped-fill: #FEF3C7;
  --m-prototyped-text: #92400E;
  --m-implemented-fill: #DBEAFE;
  --m-implemented-text: #1E40AF;
  --m-validated-fill: #DCFCE7;
  --m-validated-text: #166534;
  --m-scaled-fill: #CCFBF1;
  --m-scaled-text: #115E59;
  --shadow-1: 0 1px 2px rgba(20,33,46,.08);
  --shadow-2: 0 4px 12px rgba(20,33,46,.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg: #0F161D;
  --surface: #161F28;
  --surface-2: #1E2933;
  --ink: #E6EDF3;
  --ink-2: #B7C4D0;
  --ink-3: #8B9BAB;
  --line: #33414F;
  --accent: #FBBF24;
  --accent-soft: #3A2A0A;
  --accent-ink: #1A1204;
  --link: #7CC0FF;
  --focus: #93C5FD;
  --danger: #FCA5A5;
  --ok: #4ADE80;
  --warn: #FBBF24;
  --bad: #F87171;
  --dim: rgba(8,13,20,.74);
  --lane-experience-fill: #1B1B33;
  --lane-experience-stroke: #4E4A8C;
  --lane-experience-text: #B9B4F2;
  --lane-distribution-fill: #16222F;
  --lane-distribution-stroke: #3B5A7A;
  --lane-distribution-text: #9FC3E8;
  --lane-interfaces-fill: #2A2110;
  --lane-interfaces-stroke: #7A5A20;
  --lane-interfaces-text: #F2CF83;
  --lane-constitution-fill: #0F232C;
  --lane-constitution-stroke: #2C6579;
  --lane-constitution-text: #9AD3EA;
  --lane-execution-fill: #12241A;
  --lane-execution-stroke: #2F6B45;
  --lane-execution-text: #9BE0B3;
  --lane-authority-fill: #2A1720;
  --lane-authority-stroke: #7A3B55;
  --lane-authority-text: #F0A9C3;
  --lane-evidence-fill: #1C1C1E;
  --lane-evidence-stroke: #4A4A50;
  --lane-evidence-text: #C9C9D1;
  --phase-1: #5B9BD5;
  --phase-2: #3FB3A3;
  --phase-3: #8CC24A;
  --phase-4: #55B57C;
  --phase-5: #E6944A;
  --m-visioned-fill: #1F2937;
  --m-visioned-text: #CBD5E1;
  --m-designed-fill: #2E1F5E;
  --m-designed-text: #DDD6FE;
  --m-prototyped-fill: #3F2A08;
  --m-prototyped-text: #FDE68A;
  --m-implemented-fill: #172554;
  --m-implemented-text: #BFDBFE;
  --m-validated-fill: #052E16;
  --m-validated-text: #BBF7D0;
  --m-scaled-fill: #042F2E;
  --m-scaled-text: #99F6E4;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.5);
  }
}
:root[data-theme="dark"] {
  --bg: #0F161D;
  --surface: #161F28;
  --surface-2: #1E2933;
  --ink: #E6EDF3;
  --ink-2: #B7C4D0;
  --ink-3: #8B9BAB;
  --line: #33414F;
  --accent: #FBBF24;
  --accent-soft: #3A2A0A;
  --accent-ink: #1A1204;
  --link: #7CC0FF;
  --focus: #93C5FD;
  --danger: #FCA5A5;
  --ok: #4ADE80;
  --warn: #FBBF24;
  --bad: #F87171;
  --dim: rgba(8,13,20,.74);
  --lane-experience-fill: #1B1B33;
  --lane-experience-stroke: #4E4A8C;
  --lane-experience-text: #B9B4F2;
  --lane-distribution-fill: #16222F;
  --lane-distribution-stroke: #3B5A7A;
  --lane-distribution-text: #9FC3E8;
  --lane-interfaces-fill: #2A2110;
  --lane-interfaces-stroke: #7A5A20;
  --lane-interfaces-text: #F2CF83;
  --lane-constitution-fill: #0F232C;
  --lane-constitution-stroke: #2C6579;
  --lane-constitution-text: #9AD3EA;
  --lane-execution-fill: #12241A;
  --lane-execution-stroke: #2F6B45;
  --lane-execution-text: #9BE0B3;
  --lane-authority-fill: #2A1720;
  --lane-authority-stroke: #7A3B55;
  --lane-authority-text: #F0A9C3;
  --lane-evidence-fill: #1C1C1E;
  --lane-evidence-stroke: #4A4A50;
  --lane-evidence-text: #C9C9D1;
  --phase-1: #5B9BD5;
  --phase-2: #3FB3A3;
  --phase-3: #8CC24A;
  --phase-4: #55B57C;
  --phase-5: #E6944A;
  --m-visioned-fill: #1F2937;
  --m-visioned-text: #CBD5E1;
  --m-designed-fill: #2E1F5E;
  --m-designed-text: #DDD6FE;
  --m-prototyped-fill: #3F2A08;
  --m-prototyped-text: #FDE68A;
  --m-implemented-fill: #172554;
  --m-implemented-text: #BFDBFE;
  --m-validated-fill: #052E16;
  --m-validated-text: #BBF7D0;
  --m-scaled-fill: #042F2E;
  --m-scaled-text: #99F6E4;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 8px 24px rgba(0,0,0,.5);
}
@media (prefers-reduced-motion: reduce) {
  :root:not([data-motion="on"]) {
    --dur-hover: 0ms; --dur-state: 0ms; --dur-panel: 120ms; --dur-sheet: 120ms; --dur-camera: 0ms; --dur-dash: 0ms;
  }
}
:root[data-motion="off"] {
  --dur-hover: 0ms; --dur-state: 0ms; --dur-panel: 120ms; --dur-sheet: 120ms; --dur-camera: 0ms; --dur-dash: 0ms;
}