/* Shared design tokens: loaded by the main site layout and /explore together.
   Variables and font roles only — page-specific sizes and layout stay in each
   stylesheet, so no page needs override patches on top of this file. */

/* Self-hosted OFL heading serif (Noto Serif SC, subset; see
   scripts/build-font-subsets.py and assets/LICENSE-NotoSerifSC.txt).
   One variable file covers 600/700 headings; font-display: swap keeps first
   paint on the system fallback stack, so no webfont request blocks render. */
@font-face {
  font-family: 'WoFForever Serif';
  src: url('assets/noto-serif-sc-vf.woff2') format('woff2');
  font-weight: 200 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC",
    "Microsoft YaHei", "Noto Sans CJK SC", "Segoe UI", sans-serif;
  --font-heading: "WoFForever Serif", "Noto Serif SC", "Songti SC",
    "SimSun", Georgia, serif;

  --color-page: #191511;
  --color-surface: #241d17;
  --color-surface-raised: #30261d;
  --color-border: #67513d;
  --color-text: #eee4d3;
  --color-muted: #c1b29d;
  --color-accent: #e4c981;
  --color-on-accent: #21190f;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --radius-control: 4px;
  --radius-panel: 8px;
}

/* Serif roles shared across the site and the map workspace; weights and sizes
   stay with each page's own rules. */
h1, h2, h3, h4 { font-family: var(--font-heading); }

.tabular-nums { font-variant-numeric: tabular-nums; }