/* ── Shared design tokens ── */

:root {
  --bg:           #f3f1f8;
  --surface:      #faf9fd;
  --surface2:     #f0eef6;
  --border:       rgba(80,60,120,0.1);
  --border-hover: rgba(80,60,120,0.28);
  --text:         #1a1624;
  --muted:        #6b6278;
  --faint:        #b0a8be;
  --slab: 'Alfa Slab One', Georgia, serif;
  --sans: 'DM Sans', system-ui, sans-serif;
  --mono: 'DM Mono', monospace;
}

/* ── Base reset (shared by every page) ── */

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { font-size: 16px; }

body {
  font-family: var(--sans);
  background: var(--bg);
  color: var(--text);
  min-height: 100vh;
}

/* ── Shared page furniture ── */

/* Used on exactly the ten section pages that defined it identically; the
   per-page <style> still wins for anything a page wants to differ on. */
.page-subtitle {
  font-family: var(--mono);
  font-size: 0.67rem;
  letter-spacing: 0.03em;
  color: var(--muted);
  line-height: 1.6;
  margin-top: 6px;
}