/* ── Design tokens ─────────────────────────────────────── */
:root {
  /* Palette */
  --paper:        #ebe4d6;
  --paper-light:  #fffdf8;
  --rust:         #b4451a;
  --header-bg:    #2a251f;
  --header-fg:    #f5ede0;

  /* Semantic */
  --text:         #231d16;
  --text-muted:   #7a6a5a;
  --border:       rgba(42, 37, 31, 0.14);
  --border-strong:rgba(42, 37, 31, 0.26);

  /* Side colours */
  --green:        #2a7a4f;
  --green-bg:     rgba(42, 122, 79, 0.10);
  --green-border: rgba(42, 122, 79, 0.28);
  --blue:         #1a5580;
  --blue-bg:      rgba(26, 85, 128, 0.10);
  --blue-border:  rgba(26, 85, 128, 0.28);
  --rust-bg:      rgba(180, 69, 26, 0.09);
  --rust-border:  rgba(180, 69, 26, 0.30);

  /* Typography */
  --font-sans:  'IBM Plex Sans', system-ui, sans-serif;
  --font-mono:  'IBM Plex Mono', 'Courier New', monospace;

  /* Shape */
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius:    8px;
  --radius-lg: 12px;

  /* Elevation */
  --shadow-sm: 0 1px 3px rgba(0,0,0,.07);
  --shadow:    0 2px 8px rgba(0,0,0,.10);
}