/* Generated by tools/sync_tokens.py from brand/tokens.json – do not edit by hand. */

@font-face { font-family: "Archivo"; src: url("fonts/web/archivo-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/web/archivo-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/web/archivo-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Martian Mono"; src: url("fonts/web/martian-mono-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Martian Mono"; src: url("fonts/web/martian-mono-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }

:root {
  --paper: #f7f6f2;
  --surface: #ffffff;
  --receipt: #efede6;
  --line: #dddad1;
  --ink: #141414;
  --ink-muted: #5b5953;
  --tag: #ffd60a;
  --on-tag: #141414;
  --tag-edge: #141414;
  --tag-soft: #fff1a8;
  --destructive: #cc2a1e;
  --strike: #c8321f;
  --icon-ground: #ffd60a;
  --icon-ink: #141414;
  --icon-hole: #ffffff;
  --focus-ring: 0 0 0 2px #f7f6f2, 0 0 0 4px #141414;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-icon: 22.37%;
  --radius-full: 9999px;
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  --font-mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0f0f0e;
    --surface: #1a1a18;
    --receipt: #232320;
    --line: #383733;
    --ink: #f4f3ee;
    --ink-muted: #aba9a1;
    --tag: #ffd60a;
    --on-tag: #141414;
    --tag-edge: #ffd60a;
    --tag-soft: #3a3208;
    --destructive: #ff6b5e;
    --strike: #ff7a66;
    --icon-ground: #161615;
    --icon-ink: #ffd60a;
    --icon-hole: #161615;
    --focus-ring: 0 0 0 2px #0f0f0e, 0 0 0 4px #ffd60a;
  }
}

:root[data-theme="dark"] {
  --paper: #0f0f0e;
  --surface: #1a1a18;
  --receipt: #232320;
  --line: #383733;
  --ink: #f4f3ee;
  --ink-muted: #aba9a1;
  --tag: #ffd60a;
  --on-tag: #141414;
  --tag-edge: #ffd60a;
  --tag-soft: #3a3208;
  --destructive: #ff6b5e;
  --strike: #ff7a66;
  --icon-ground: #161615;
  --icon-ink: #ffd60a;
  --icon-hole: #161615;
  --focus-ring: 0 0 0 2px #0f0f0e, 0 0 0 4px #ffd60a;
}

.dk-hero { font-family: var(--font-display); font-size: 64px; line-height: 60px; font-weight: 800; letter-spacing: -0.02em; }
.dk-headline { font-family: var(--font-display); font-size: 36px; line-height: 38px; font-weight: 800; letter-spacing: -0.015em; }
.dk-title { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 600; letter-spacing: -0.005em; }
.dk-price { font-family: var(--font-display); font-size: 44px; line-height: 44px; font-weight: 800; letter-spacing: -0.02em; }
.dk-body { font-family: var(--font-ui); font-size: 17px; line-height: 24px; font-weight: 400; }
.dk-callout { font-family: var(--font-ui); font-size: 15px; line-height: 20px; font-weight: 400; }
.dk-footnote { font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-weight: 400; }
.dk-receipt { font-family: var(--font-mono); font-size: 13px; line-height: 22px; font-weight: 400; letter-spacing: 0.02em; }
.dk-chip { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.02em; }
.dk-label { font-family: var(--font-mono); font-size: 11px; line-height: 16px; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; }