/* ── Self-hosted Playfair Display ── */
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url('/fonts/playfair-400.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: italic; font-weight: 400; font-display: swap; src: url('/fonts/playfair-400i.woff2') format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 600; font-display: swap; src: url('/fonts/playfair-600.woff2') format('woff2'); }

/* ── Design Tokens: Reset + CSS Custom Properties ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root {
  --bg:      #f8f6f1;
  --surface: #f0ede6;
  --card:    #ffffff;
  --border:  #e2dfd8;
  --border2: #d4d0c8;
  --text:    #111210;
  --muted:   #7a7870;
  --muted2:  #5a5850;
  --accent:  #b5351f;
  --accent2: #8a2a10;
  --green:   #1e7a3e;
  --red:     #c94040;
  --blue:    #2c5f8a;
  --yellow:  #8a6010;
  --radius:  3px;
  --shadow:  0 1px 3px rgba(0,0,0,0.06), 0 4px 16px rgba(0,0,0,0.04);
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;
  --font:      system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --serif:     'Playfair Display', Georgia, serif;
  --ink: var(--text);
  --paper: var(--bg);
  --nav-h: 2.8rem;
  --footer-h: 2.2rem;
  --ts: 1;
}