:root {
  /* ── Core brand palette (the only three brand colors) ───────────── */
  --color-coral: #f9603e; /* Coral  — primary accent */
  --color-ink:   #000000; /* Ink    — text / max contrast */
  --color-paper: #eae9e1; /* Paper  — warm off-white background */

  /* ── Semantic aliases (use these in layouts) ────────────────────── */
  --color-bg:         var(--color-paper);
  --color-surface:    #ffffff;
  --color-text:       var(--color-ink);
  --color-text-muted: #4a4a45; /* derived: Ink at reduced emphasis */
  --color-accent:     var(--color-coral);
  --color-on-accent:  var(--color-paper);
  --color-border:     #d8d7cd; /* derived: Paper, one step darker */

  /* ── Derived Coral states (for interactive elements) ────────────── */
  --color-coral-hover: #e44f2e; /* derived: Coral darkened ~8% */
  --color-coral-tint:  #fde4dd; /* derived: Coral at ~12% over Paper */
}