/* GENERATED by packages/tokens/scripts/build.mjs from handoff/design/tokens.json — do not edit */

:root {
  --bg-canvas: #ECEEF0;
  --bg-glass: rgba(255,255,255,0.62);
  --bg-surface: #FFFFFF;
  --bg-sunken: #F2F3F5;
  --bg-field: #F7F8F9;
  --bg-paper: #EEEEEE;
  --text-primary: #15171A;
  --text-secondary: #3E434A;
  --text-tertiary: #5E646D;
  --text-link: #1F5E3A;
  --text-link-hover: #154428;
  --border-subtle: #E6E8EB;
  --border-default: #C9CDD3;
  --action-primary: #15171A;
  --action-on-primary: #FFFFFF;
  --action-destructive: #A11E14;
  --action-brand: #1F5E3A;
  --action-on-brand: #FFFFFF;
  --bg-liquid: rgba(255,255,255,0.46);
  --priority-critical: linear-gradient(150deg,#FFC2A3 0%,#FF8F6B 48%,#F4645E 100%);
  --priority-critical-fg: #2B0A04;
  --priority-important: linear-gradient(150deg,#F6FBE8 0%,#E6F4BF 58%,#D6EE93 100%);
  --priority-important-fg: #1C360C;
  --focus: #1F5E3A;
  --status-success-bg: #E3F1D6;
  --status-success-fg: #24581A;
  --status-warning-bg: #FCEBD2;
  --status-warning-fg: #8A4B00;
  --status-danger-bg: #FADBD7;
  --status-danger-fg: #A11E14;
  --status-info-bg: #DDF2E3;
  --status-info-fg: #1D6B36;
  --status-neutral-bg: #E7E9EC;
  --status-neutral-fg: #3E434A;
  --health-at-risk: #E2BF55;
  --health-at-risk-bg: #FBF1CF;
  --health-at-risk-fg: #6B5200;
  --health-delayed: #8E1B1B;
  --health-delayed-bg: #F3D3D0;
  --health-delayed-fg: #7A1414;
  --glow-1: #EAF3E6;
  --glow-2: #E9D8CC;
  --bg-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg opacity='0.3'%3E%3Cpath d='M0.5 0V80M0 0.5H80M5.5 0V80M0 5.5H80M10.5 0V80M0 10.5H80M15.5 0V80M0 15.5H80M20.5 0V80M0 20.5H80M25.5 0V80M0 25.5H80M30.5 0V80M0 30.5H80M35.5 0V80M0 35.5H80M45.5 0V80M0 45.5H80M50.5 0V80M0 50.5H80M55.5 0V80M0 55.5H80M60.5 0V80M0 60.5H80M65.5 0V80M0 65.5H80M70.5 0V80M0 70.5H80M75.5 0V80M0 75.5H80' stroke='%23E4E4E4' stroke-width='1'/%3E%3Cpath d='M40.5 0V80M0 40.5H80' stroke='%23DADADA' stroke-width='1'/%3E%3Cpath d='M36 40.5H45M40.5 36V45' stroke='%23969696' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
  --accent-green: #5FA04E;
  --accent-lime: #C8962A;
  --brand-primary: #1F5E3A;
  --brand-leaf: #5FA04E;
  --brand-gold: #C8962A;
  --brand-tint: #EAF3E6;
  --sync-synced: #3C8A2E;
  --sync-draft: #9AA0A8;
  --sync-waiting: #C77700;
  --sync-active: #5FA04E;
  --sync-failed: #C2261A;
  --sync-auth: #6B4FD8;
  --sync-restricted: #15171A;
  --viz-actual: #15171A;
  --viz-planned: #9AA0A8;
  --hero-on-track: linear-gradient(150deg,#123A24 0%,#1F5E3A 60%,#5FA04E 100%);
  --hero-at-risk: linear-gradient(150deg,#3F3412 0%,#7A6420 60%,#B8962F 100%);
  --hero-delayed: linear-gradient(150deg,#2A0D0D 0%,#561515 60%,#8E1B1B 100%);
  --font-sans: 'Instrument Sans', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-full: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --elev-2: 0 20px 50px rgba(0,0,0,.14);
  --elev-3: 0 30px 80px rgba(0,0,0,.22);
  --motion-fast: 120ms;
  --motion-base: 180ms;
  --motion-slow: 260ms;
  --easing: cubic-bezier(.2,.8,.2,1);
  --target: 44px;
  --body-size: 14px;
  --nav-expanded: 264px;
  --nav-collapsed: 84px;
  --max-content: 1360px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg-canvas: #0E0F11;
    --bg-glass: rgba(28,30,34,0.82);
    --bg-surface: #1A1C20;
    --bg-sunken: #23262B;
    --bg-field: #141518;
    --bg-paper: #111111;
    --text-primary: #F2F3F5;
    --text-secondary: #C9CDD3;
    --text-tertiary: #9AA0A8;
    --text-link: #8FDCA6;
    --border-subtle: #2A2D33;
    --border-default: #3A3E45;
    --action-primary: #F2F3F5;
    --action-on-primary: #15171A;
    --action-brand: #7FC06C;
    --action-on-brand: #0E0F11;
    --bg-liquid: rgba(44,47,54,0.52);
    --priority-critical: linear-gradient(150deg,#5C2A1E 0%,#74291F 55%,#862A2C 100%);
    --priority-critical-fg: #FFE6DE;
    --priority-important: linear-gradient(150deg,#1E2913 0%,#26361A 60%,#30451C 100%);
    --priority-important-fg: #DDF2B4;
    --focus: #7FC06C;
    --status-success-bg: #1F3318;
    --status-success-fg: #A9DB8C;
    --status-warning-bg: #3A2A10;
    --status-warning-fg: #F5C374;
    --status-danger-bg: #3D1814;
    --status-danger-fg: #F5A097;
    --status-info-bg: #16301F;
    --status-info-fg: #8FDCA6;
    --status-neutral-bg: #2A2D32;
    --status-neutral-fg: #C9CDD3;
    --health-at-risk: #F4CD5E;
    --health-at-risk-bg: #3A3214;
    --health-at-risk-fg: #F0D57A;
    --health-delayed: #B4302A;
    --health-delayed-bg: #3D1412;
    --health-delayed-fg: #F5A097;
    --glow-1: #26301A;
    --glow-2: #2E221C;
    --bg-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg opacity='0.3'%3E%3Cpath d='M0.5 0V80M0 0.5H80M5.5 0V80M0 5.5H80M10.5 0V80M0 10.5H80M15.5 0V80M0 15.5H80M20.5 0V80M0 20.5H80M25.5 0V80M0 25.5H80M30.5 0V80M0 30.5H80M35.5 0V80M0 35.5H80M45.5 0V80M0 45.5H80M50.5 0V80M0 50.5H80M55.5 0V80M0 55.5H80M60.5 0V80M0 60.5H80M65.5 0V80M0 65.5H80M70.5 0V80M0 70.5H80M75.5 0V80M0 75.5H80' stroke='%231B1B1B' stroke-width='1'/%3E%3Cpath d='M40.5 0V80M0 40.5H80' stroke='%23252525' stroke-width='1'/%3E%3Cpath d='M36 40.5H45M40.5 36V45' stroke='%23696969' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
    --accent-lime: #EDBE4F;
    --brand-gold: #EDBE4F;
  }
  }

:root[data-theme="dark"] {
  --bg-canvas: #0E0F11;
  --bg-glass: rgba(28,30,34,0.82);
  --bg-surface: #1A1C20;
  --bg-sunken: #23262B;
  --bg-field: #141518;
  --bg-paper: #111111;
  --text-primary: #F2F3F5;
  --text-secondary: #C9CDD3;
  --text-tertiary: #9AA0A8;
  --text-link: #8FDCA6;
  --border-subtle: #2A2D33;
  --border-default: #3A3E45;
  --action-primary: #F2F3F5;
  --action-on-primary: #15171A;
  --action-brand: #7FC06C;
  --action-on-brand: #0E0F11;
  --bg-liquid: rgba(44,47,54,0.52);
  --priority-critical: linear-gradient(150deg,#5C2A1E 0%,#74291F 55%,#862A2C 100%);
  --priority-critical-fg: #FFE6DE;
  --priority-important: linear-gradient(150deg,#1E2913 0%,#26361A 60%,#30451C 100%);
  --priority-important-fg: #DDF2B4;
  --focus: #7FC06C;
  --status-success-bg: #1F3318;
  --status-success-fg: #A9DB8C;
  --status-warning-bg: #3A2A10;
  --status-warning-fg: #F5C374;
  --status-danger-bg: #3D1814;
  --status-danger-fg: #F5A097;
  --status-info-bg: #16301F;
  --status-info-fg: #8FDCA6;
  --status-neutral-bg: #2A2D32;
  --status-neutral-fg: #C9CDD3;
  --health-at-risk: #F4CD5E;
  --health-at-risk-bg: #3A3214;
  --health-at-risk-fg: #F0D57A;
  --health-delayed: #B4302A;
  --health-delayed-bg: #3D1412;
  --health-delayed-fg: #F5A097;
  --glow-1: #26301A;
  --glow-2: #2E221C;
  --bg-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cg opacity='0.3'%3E%3Cpath d='M0.5 0V80M0 0.5H80M5.5 0V80M0 5.5H80M10.5 0V80M0 10.5H80M15.5 0V80M0 15.5H80M20.5 0V80M0 20.5H80M25.5 0V80M0 25.5H80M30.5 0V80M0 30.5H80M35.5 0V80M0 35.5H80M45.5 0V80M0 45.5H80M50.5 0V80M0 50.5H80M55.5 0V80M0 55.5H80M60.5 0V80M0 60.5H80M65.5 0V80M0 65.5H80M70.5 0V80M0 70.5H80M75.5 0V80M0 75.5H80' stroke='%231B1B1B' stroke-width='1'/%3E%3Cpath d='M40.5 0V80M0 40.5H80' stroke='%23252525' stroke-width='1'/%3E%3Cpath d='M36 40.5H45M40.5 36V45' stroke='%23696969' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");
  --accent-lime: #EDBE4F;
  --brand-gold: #EDBE4F;
}

[data-mode="field"] {
  --bg-glass: var(--bg-field);
  --glow-1: transparent;
  --glow-2: transparent;
  --bg-grid: none;
  --text-secondary: #2E3238;
  --target: 48px;
  --body-size: 15px;
}

@media (prefers-reduced-motion: reduce) {
  :root { --motion-fast: 0ms; --motion-base: 120ms; --motion-slow: 120ms; }
}