
:root{
  
  --color-accent:#FFD400;
  --color-accent-hover:#FFE55C;
  --color-accent-soft:#FFF6BF;
  --color-ink:#111111;
  --color-ink-hover:#2E2E2E;
  --color-ink-raised:#222222;
  
  --color-surface:#FFFFFF;
  --color-surface-muted:#EEEEEA;
  --color-surface-raised:#F7F7F3;
  
  --color-text:#111111;
  --color-text-secondary:#333333;
  --color-text-tertiary:#4A4A4A;
  --color-on-ink:#FFFFFF;
  --color-on-ink-secondary:#BDBDB5;
  
  --color-line:#D9D9D2;
  --color-line-on-ink:#3A3A3A;
  --color-border:#111111;
  
  --color-link:#111111;
  --color-link-marker:#FFD400;
  --color-focus:#111111;
  --color-focus-gap:#FFD400;
  
  --color-hot:#D7261E;
  --color-on-hot:#FFFFFF;
  --color-hot-on-ink:#D7261E;
  --color-on-hot-on-ink:#FFFFFF;
  
  --color-error:#B42318;
  --color-error-soft:#FDECEA;
  --color-success:#1A7F37;
  --color-success-soft:#EDF7F0;
  --color-skeleton:#E2E2DC;
  --color-scrim:rgba(17, 17, 17, 0.56);
  
  --font-display:Unbounded,'Unbounded Fallback',Inter,system-ui,sans-serif;
  --font-text:Inter,'Inter Fallback',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  
  --fs-display-xl:60px;
  --fs-display-l:36px;
  --fs-display-m:30px;
  --fs-display-s:24px;
  --fs-title:19px;
  --fs-title-s:16px;
  --fs-lead:19px;
  --fs-lead-s:16px;
  --fs-body:17px;
  --fs-body-s:15px;
  --fs-label:14px;
  --fs-caption:13px;
  --fs-micro:12px;
  --fs-counter:56px;
  --fs-counter-s:48px;
  --fs-tablo-time:20px;
  --fs-tablo-time-s:17px;
  --lh-display:1.06;
  --lh-heading:1.15;
  --lh-title:1.3;
  --lh-body:1.55;
  --lh-ui:1.3;
  --ls-caps:.1em;
  --ls-display:-.02em;
  --fw-regular:400;
  --fw-medium:500;
  --fw-semibold:600;
  --fw-bold:700;
  
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-9:40px;
  --space-10:44px;
  --space-11:56px;
  --space-12:72px;
  
  --radius-s:6px;
  --radius-m:10px;
  --radius-l:12px;
  --radius-xl:16px;
  --radius-sheet:24px;
  --radius-pill:999px;
  
  --border:3px;
  --border-thin:2px;
  --border-hair:1px;
  
  --tap:44px;
  --tap-l:52px;
  --btn-h-l:60px;
  --field-h:52px;
  --chip-h:48px;
  --tile-h:68px;
  --tile-h-s:52px;
  --tab-h:84px;
  --row-h:76px;
  --icon:24px;
  --icon-s:20px;
  --icon-xs:16px;
  --tape-h:10px;
  --tape-stripe:14px;
  --container:1200px;
  --gutter:40px;
  --gutter-phone:16px;
  --header-h:80px;
  --header-h-s:64px;
  --sticky-bar-h:76px;
  --focus-width:3px;
  --focus-offset:3px;
  
  --shadow-block:8px 8px 0 var(--color-ink);
  --shadow-block-s:4px 4px 0 var(--color-ink);
  
  --dur-fast:150ms;
  --dur-ui:200ms;
  --dur-sheet:280ms;
  --dur-role:300ms;
  --dur-base:400ms;
  --dur-count:600ms;
  --dur-marker:700ms;
  --dur-glow:1800ms;
  --dur-pulse:1800ms;
  --dur-drift:14000ms;
  --dur-toast:5000ms;
  --ease-out:cubic-bezier(.2,.7,.2,1);
  --ease-standard:cubic-bezier(.2,0,0,1);
  
  --z-header:30;
  --z-sticky-bar:40;
  --z-sheet:60;
  --z-toast:70;
  --z-skip:80;
  
  --opacity-disabled:.4;
  --opacity-placeholder:.75;
  
  --tape:repeating-linear-gradient(-45deg,var(--color-ink) 0 14px,var(--color-accent) 14px 28px);
}

[data-hot="deep"]{--color-hot:#CF1B12;--color-on-hot:#FFFFFF;--color-hot-on-ink:#CF1B12;--color-on-hot-on-ink:#FFFFFF}
[data-hot="signal"]{--color-hot:#D7261E;--color-on-hot:#FFFFFF;--color-hot-on-ink:#D7261E;--color-on-hot-on-ink:#FFFFFF}
[data-hot="marker"]{--color-hot:#E12D24;--color-on-hot:#FFFFFF;--color-hot-on-ink:#E12D24;--color-on-hot-on-ink:#FFFFFF}
[data-hot="none"]{--color-hot:#111111;--color-on-hot:#FFD400;--color-hot-on-ink:#FFD400;--color-on-hot-on-ink:#111111}

@media (prefers-reduced-motion:reduce){:root{--dur-fast:0ms;--dur-ui:0ms;--dur-sheet:0ms;--dur-role:0ms;--dur-base:0ms;--dur-count:0ms;--dur-marker:0ms;--dur-glow:0ms;--dur-pulse:0ms;--dur-drift:0ms}}
