/* ==========================================================================
   koulu — design tokens
   - Cream palette, forest accent, Instrument Serif italic for display
   - Every page imports this file first.
   ========================================================================== */

:root {
  /* Palette */
  --cream:    #f1ece1;
  --cream-2:  #ece5d2;
  --cream-3:  #ddd5c2;
  --ink:      #1f1d18;
  --ink-2:    #4a463c;
  --ink-muted:#7a7468;
  --line:     #d4cdb8;
  --accent:   #4a6a3a;       /* forest */
  --accent-2: #2f4527;
  --accent-soft: #dee6d2;
  --rust:     #a85a2a;

  /* Tier chips (score backgrounds) */
  --tier-hi-bg: #ecdfd6; --tier-hi-fg: #7a3010;
  --tier-mid-bg:#eee3c9; --tier-mid-fg:#7a5b15;
  --tier-lo-bg: #dee6d2; --tier-lo-fg: #2f4527;
  --tier-na-bg: #e8e3d4; --tier-na-fg: #7a7468;

  /* Shape */
  --radius-pill: 999px;
  --radius-card: 16px;
  --radius-r:    10px;
  --shadow-soft: 0 1px 3px rgba(31,29,24,.08), 0 18px 50px -10px rgba(31,29,24,.12);
  --shadow-pop:  0 1px 3px rgba(31,29,24,.06), 0 32px 80px -20px rgba(31,29,24,.18);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Instrument Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  color: var(--ink);
  background: var(--cream);
  font-size: 15.5px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

.serif { font-family: "Instrument Serif", Georgia, serif; font-weight: 400; }
.serif .it, .it { font-style: italic; color: var(--accent); }
.mono { font-family: "JetBrains Mono", ui-monospace, monospace; }
.muted { color: var(--ink-muted); }
.small { font-size: 12px; }
a { color: inherit; }