/* Polyxd's tokens: the design system's tokens.json as CSS custom properties.
   Written by brand/build.ts; do not edit. Paper by default, night when the visitor prefers dark,
   and data-theme="light" or "dark" on any element pins a theme for it and everything inside. */
:root {
  --font-display: "Young Serif", Georgia, "Times New Roman", serif;
  --font-body: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
  --text-display-xl: 400 88px/0.98 var(--font-display); --tracking-display-xl: -0.015em;
  --text-display-l: 400 64px/1 var(--font-display); --tracking-display-l: -0.015em;
  --text-heading: 400 40px/1.05 var(--font-display); --tracking-heading: -0.01em;
  --text-title: 400 28px/1.15 var(--font-display); --tracking-title: -0.01em;
  --text-lead: 400 20px/1.5 var(--font-body);
  --text-body: 400 16px/1.55 var(--font-body);
  --text-ui: 600 15px/1.2 var(--font-body);
  --text-small: 400 13px/1.45 var(--font-body);
  --text-code: 400 14px/1.6 var(--font-mono);
  --text-label: 400 12px/1.3 var(--font-mono); --tracking-label: 0.12em;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-pill: 999px;
  --radius-card: 24px;
  --radius-small: 12px;
  --radius-icon: 22.5%;
  --focus-ring: 0 0 0 2px var(--ground), 0 0 0 4px var(--focus);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --duration-fast: 200ms;
  --duration-base: 320ms;
  --duration-blink: 280ms;
  --duration-orbit: 1600ms;
}
:root,
[data-theme="light"] {
  color-scheme: light;
  --ground: #F3F1EC;
  --surface: #FFFFFF;
  --ink: #141413;
  --muted: #5E5A52;
  --rule: #DAD5CA;
  --border: #8A8479;
  --signal: #FF6E40;
  --on-signal: #141413;
  --signal-text: #B14C2C;
  --mark-window: #FFFFFF;
  --mark-pupil: #141413;
  --focus: #141413;
  --success: #1D7A4C;
  --danger: #B42318;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --ground: #121211;
    --surface: #1C1B19;
    --ink: #F3F1EC;
    --muted: #A8A298;
    --rule: #34322E;
    --border: #77716A;
    --signal: #FF6E40;
    --on-signal: #141413;
    --signal-text: #FF8A63;
    --mark-window: #FFFFFF;
    --mark-pupil: #141413;
    --focus: #F3F1EC;
    --success: #4CC38A;
    --danger: #FF7A6B;
  }
}
[data-theme="dark"] {
  color-scheme: dark;
  --ground: #121211;
  --surface: #1C1B19;
  --ink: #F3F1EC;
  --muted: #A8A298;
  --rule: #34322E;
  --border: #77716A;
  --signal: #FF6E40;
  --on-signal: #141413;
  --signal-text: #FF8A63;
  --mark-window: #FFFFFF;
  --mark-pupil: #141413;
  --focus: #F3F1EC;
  --success: #4CC38A;
  --danger: #FF7A6B;
}