/* Timothy Mukoba: design tokens. Every colour on the site comes from here (design brief, 13 Oct 2026). */
:root {
  --ink: #0e1626;
  --ink-soft: #1c2740;
  --paper: #f6f1e7;
  --paper-deep: #ebe3d3;
  --paper-light: #fcfaf5;      /* inputs on paper; never pure white */
  --paper-muted: #b9b3a5;      /* muted text on ink */
  --gold: #c9a227;
  --gold-deep: #9c7b15;
  --oxblood: #8a1c1c;
  --oxblood-deep: #6e1515;     /* oxblood hover */
  --amber: #c96405;
  --muted: #5b6476;
  --border: #d9d0bf;
  --success: #2f6f4e;
  --warning: #a8681b;
  --danger: #8a1c1c;

  --font-display: "Cormorant Garamond", "EB Garamond", Garamond, "Times New Roman", serif;
  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --measure: 68ch;
  --wrap: 1200px;
  --gutter: 16px;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;

  --radius: 2px;
  --shadow-cover: 22px 30px 48px -18px rgba(14, 22, 38, 0.5), 3px 5px 12px rgba(14, 22, 38, 0.22);
  --shadow-soft: 0 12px 30px -16px rgba(14, 22, 38, 0.35);

  --ease-out: cubic-bezier(0.22, 0.61, 0.36, 1);
  --t-slow: 650ms;
  --t-mid: 450ms;
}
@media (min-width: 768px) {
  :root { --gutter: 24px; }
}