/* AUTO-GENERATED FROM design/tokens.yaml — DO NOT EDIT BY HAND.
 *
 * Per design/LAW.md: "Tokens are sovereign. Adapters are ministerial."
 * To change a value, edit design/tokens.yaml and re-run:
 *
 *   .venv/bin/python -m audit_workbench_poc.design.build_tokens
 *
 * Conformity scanner (tests/test_design_conformity.py) verifies sync.
 */


:root {
  --color-navy-deep: #081A2E;
  --color-navy: #0E2A47;
  --color-orange: #D04A02;
  --color-orange-light: #F4B183;
  --color-teal: #0B6E6B;
  --color-slate: #475569;
  --color-slate-light: #94A3B8;
  --color-paper: #F7F5F0;
  --color-rule: #D9DCE1;
  --color-zebra: #F4F6F8;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-green: #16A34A;
  --color-red: #B91C1C;
  --color-amber: #F59E0B;
  --color-bg: #F7F5F0;
  --color-surface: #FFFFFF;
  --color-surface-strong: #FAFAF6;
  --color-text: #081A2E;
  --color-text-muted: #475569;
  --color-text-inverse: #FFFFFF;
  --color-action: #D04A02;
  --color-action-fg: #FFFFFF;
  --color-eyebrow: #D04A02;
  --color-eyebrow-subdued: #94A3B8;
  --color-scrim: rgba(8, 26, 46, 0.6);
  --color-scrim-deep: rgba(5, 9, 18, 0.85);
  --type-display-1-size: 56px;
  --type-display-1-line: 1.05;
  --type-display-1-weight: 700;
  --type-display-1-tracking: -2.4px;
  --type-display-1-family: Charter, "Iowan Old Style", "Source Serif Pro", Georgia, serif;
  --type-display-2-size: 36px;
  --type-display-2-line: 1.1;
  --type-display-2-weight: 700;
  --type-display-2-tracking: -0.8px;
  --type-display-2-family: Charter, "Iowan Old Style", "Source Serif Pro", Georgia, serif;
  --type-title-size: 24px;
  --type-title-line: 1.2;
  --type-title-weight: 600;
  --type-title-tracking: -0.3px;
  --type-title-family: Charter, "Iowan Old Style", "Source Serif Pro", Georgia, serif;
  --type-subtitle-size: 17px;
  --type-subtitle-line: 1.4;
  --type-subtitle-weight: 600;
  --type-subtitle-tracking: -0.1px;
  --type-subtitle-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-section-size: 15px;
  --type-section-line: 1.35;
  --type-section-weight: 600;
  --type-section-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-lead-size: 16px;
  --type-lead-line: 1.55;
  --type-lead-weight: 400;
  --type-lead-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-body-size: 14px;
  --type-body-line: 1.55;
  --type-body-weight: 400;
  --type-body-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-small-size: 13px;
  --type-small-line: 1.5;
  --type-small-weight: 400;
  --type-small-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-eyebrow-size: 11px;
  --type-eyebrow-line: 1.3;
  --type-eyebrow-weight: 600;
  --type-eyebrow-tracking: 1.4px;
  --type-eyebrow-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-button-size: 13px;
  --type-button-line: 1.2;
  --type-button-weight: 600;
  --type-button-tracking: 0.3px;
  --type-button-family: Inter, "Inter Tight", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --type-mono-size: 12px;
  --type-mono-line: 1.4;
  --type-mono-weight: 400;
  --type-mono-family: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 8px;
  --space-4: 12px;
  --space-5: 16px;
  --space-6: 20px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 56px;
  --space-11: 80px;
  --space-12: 120px;
  --radii-none: 0px;
  --radii-sm: 3px;
  --radii-md: 6px;
  --radii-lg: 10px;
  --radii-xl: 14px;
  --radii-pill: 999px;
  --shadow-card: 0 4px 10px rgba(8, 26, 46, 0.06);
  --shadow-card-hover: 0 14px 32px rgba(8, 26, 46, 0.12);
  --shadow-popover: 0 10px 24px rgba(8, 26, 46, 0.18);
  --shadow-modal: 0 24px 60px rgba(0, 0, 0, 0.35);
  --shadow-drawer: 0 0 30px rgba(0, 0, 0, 0.25);
  --motion-duration-fast: 120ms;
  --motion-duration-base: 180ms;
  --motion-duration-slow: 320ms;
  --motion-duration-deliberate: 500ms;
  --motion-ease-standard: cubic-bezier(0.2, 0.0, 0.0, 1.0);
  --motion-ease-entrance: cubic-bezier(0.0, 0.0, 0.2, 1.0);
  --motion-ease-exit: cubic-bezier(0.4, 0.0, 1.0, 1.0);
  --z-base: 0;
  --z-chrome: 30;
  --z-drawer: 50;
  --z-overlay: 60;
  --z-popover: 100;
  --z-modal: 200;
  --z-toast: 300;
  --bp-sm: 640px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-xxl: 1600px;
}

[data-theme="dark"] {
  --color-bg: #0A0F17;
  --color-surface: #111927;
  --color-surface-strong: #1A2334;
  --color-text: #E7ECF3;
  --color-text-muted: #94A3B8;
  --color-rule: rgba(255, 255, 255, 0.08);
  --color-action: #F4B183;
  --color-eyebrow: #F4B183;
  --color-scrim: rgba(0, 0, 0, 0.7);
}

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