/* Copied from the tw-design repo (tokens/tokens.css @ de0eea0). Do not edit here: change tokens.json in
   tw-design, rebuild, copy this file again; `node scripts/compare-website.mjs <this repo>` there must report 0 deviations. */
/* GENERATED from tokens/tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
/* Dark values apply under [data-theme="dark"] on <html> or on a deck/document root. */
:root {
  --paper: #F2EFE7;
  --paper-2: #ECE8DE;
  --ink: #0A101D;
  --ink-2: #4A5468;
  --rule: rgba(10,16,29,0.14);
  --night: #0A101D;
  --night-text: #F4F8FF;
  --night-muted: #CCD3DF;
  --night-rule: rgba(191,224,255,0.14);
  --blue: #5BA8FF;
  --deep: #1E5FB0;
  --on-deep: #F4F8FF;
  --pale: #BFE0FF;
  --accent: #D9B26F;
  --on-accent: #0A101D;
  --pencil: rgba(10,16,29,0.6);
  --pencil-soft: rgba(10,16,29,0.38);
  --card: rgba(255,255,255,0.5);
  --header-paper: rgba(242,239,231,0.86);
  --sky: #E6ECF4;
  --glow-warm: color-mix(in srgb, var(--accent) 16%, transparent);
  --glow-cool: rgba(91,168,255,0.16);
  --grid-strength: 0.085;
  --grid-tile: 160px;
  --sans: "Geist", "Helvetica Neue", Arial, sans-serif;
  --mono: "Geist Mono", ui-monospace, Menlo, monospace;
  --weight-regular: 400;
  --weight-display: 500;
  --weight-strong: 600;
  --hero-size: clamp(40px, 5.6vw, 82px);
  --hero-leading: 0.98;
  --hero-tracking: -0.04em;
  --stage-size: clamp(48px, 6.4vw, 104px);
  --stage-tracking: -0.045em;
  --h2-size: clamp(30px, 3.6vw, 56px);
  --h2-leading: 1.03;
  --h2-tracking: -0.035em;
  --h2-measure: 20ch;
  --body-size: 17px;
  --body-leading: 1.55;
  --body-measure: 52ch;
  --label-size: 11px;
  --label-tracking: 0.14em;
  --slide-display-size: 140px;
  --slide-title-size: 108px;
  --slide-h2-size: 74px;
  --slide-h3-size: 36px;
  --slide-h3-tracking: -0.02em;
  --slide-figure-size: 112px;
  --slide-figure-tracking: -0.03em;
  --slide-figure-leading: 1;
  --slide-quote-size: 64px;
  --slide-quote-tracking: -0.02em;
  --slide-quote-leading: 1.2;
  --slide-body-size: 28px;
  --slide-small-size: 22px;
  --slide-label-size: 18px;
  --radius-tile: 14px;
  --radius-note: 12px;
  --pad: clamp(20px, 4vw, 56px);
  --header-height: 72px;
  --tap-min: 44px;
  --bp-narrow: 900px;
  --bp-phone: 600px;
  --sign-height: 42px;
  --sign-tip: 16px;
  --sign-tip-hover: 24px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 0.3s;
  --dur-base: 0.4s;
  --dur-slow: 0.6s;
  --dur-stagger: 0.08s;
  --ease-reveal: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-scene: 0.5s;
  --dur-reveal: 0.85s;
  --dur-draw: 1.15s;
  --dur-route: 1.8s;
  --dur-travel: 7s;
  --reveal-rise: 17px;
  --reveal-blur: 5px;
  --dur-word: 0.07s;
  --dur-grow-stagger: 0.14s;
  --dur-count: 1.3s;
  --dur-flow: 0.6s;
  --dur-sun: 16s;
  --focus-recede: 0.45;
  --dur-pulse: 1.6s;
  --reveal-shift: 40px;
  --deck-bar-height: 56px;
  --doc-title-size: 40pt;
  --doc-h1-size: 28pt;
  --doc-h2-size: 21pt;
  --doc-h3-size: 12.5pt;
  --doc-statement-size: 15pt;
  --doc-quote-size: 13.5pt;
  --doc-figure-size: 24pt;
  --doc-body-size: 10pt;
  --doc-small-size: 8.5pt;
  --doc-label-size: 7.5pt;
  --doc-margin-x: 20mm;
  --doc-margin-top: 24mm;
  --doc-margin-bottom: 22mm;
  --doc-diagram-zoom: 0.56;
  --doc-diagram-stage: 540px;
  --doc-line-gap: 8mm;
}
[data-theme="dark"] {
  color-scheme: dark;
  --paper: #111A2B;
  --paper-2: #0E1626;
  --ink: #E8ECF3;
  --ink-2: #A3AEC0;
  --rule: rgba(191,224,255,0.14);
  --deep: #5BA8FF;
  --on-deep: #0A101D;
  --pencil: rgba(232,236,243,0.55);
  --pencil-soft: rgba(232,236,243,0.3);
  --card: rgba(255,255,255,0.04);
  --header-paper: rgba(17,26,43,0.86);
  --sky: #1A2A44;
}