/* Generated by build_theme.py from tokens/theme.json. */
:root {
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --text-body: 16px;
  --leading-body: 1.7;
  --text-title: clamp(2rem, 3.2vw, 2.75rem);
  --tracking-title: -.035em;
  --measure: 68ch;
  --header: 64px;
  --header-mobile: 56px;
  --duration-feedback: 100ms;
  --ease-feedback: ease-out;
  --press-offset: 1px;
  --opacity-pressed: .78;
  --focus-width: 3px;
  --focus-gap: 4px;
  --print-bg: #fafafa;
  --print-text: #242529;
  --size-minus-202: -202px;
  --size-minus-100: -100px;
  --size-minus-1p4: -1.4px;
  --size-minus-1: -1px;
  --size-minus-p6: -.6px;
  --size-minus-p55: -.55px;
  --size-1: 1px;
  --size-2: 2px;
  --size-3: 3px;
  --size-4: 4px;
  --size-5: 5px;
  --size-6: 6px;
  --size-7: 7px;
  --size-8: 8px;
  --size-10: 10px;
  --size-11: 11px;
  --size-12: 12px;
  --size-13: 13px;
  --size-14: 14px;
  --size-16: 16px;
  --size-18: 18px;
  --size-19: 19px;
  --size-20: 20px;
  --size-22: 22px;
  --size-24: 24px;
  --size-25: 25px;
  --size-26: 26px;
  --size-27: 27px;
  --size-28: 28px;
  --size-30: 30px;
  --size-32: 32px;
  --size-34: 34px;
  --size-36: 36px;
  --size-40: 40px;
  --size-42: 42px;
  --size-44: 44px;
  --size-47: 47px;
  --size-48: 48px;
  --size-56: 56px;
  --size-70: 70px;
  --size-88: 88px;
  --size-125: 125px;
  --size-170: 170px;
  --size-180: 180px;
  --size-190: 190px;
  --size-202: 202px;
  --size-220: 220px;
  --size-244: 244px;
  --size-250: 250px;
  --size-440: 440px;
  --size-1480: 1480px;
}
:root {
  --bg: #f6f6f7;
  --surface: #fdfdfd;
  --text: #26272c;
  --muted: #5c606b;
  --line: #d8d9df;
  --control-border: #858995;
  --accent: #a23d38;
  --coral: #a23d38;
  --tint: #f4e7e5;
  --slot: #e9eaf0;
  --focus: #a23d38;
}
:root[data-theme=dark] {
  --bg: #1b1c20;
  --surface: #232429;
  --text: #ebebee;
  --muted: #aaaeb9;
  --line: #3b3d45;
  --control-border: #7e828f;
  --accent: #ef8d86;
  --coral: #ef8d86;
  --tint: #382c30;
  --slot: #2c2e35;
  --focus: #ef8d86;
}
:root { color-scheme: light; }
:root[data-theme=dark] { color-scheme: dark; }