/* =========================================================
   Brand tokens — CLAUDE.md §2 (Color palette + themes)
   Never invent new colors. Pull from this file.
   ========================================================= */

:root {
  /* Six brand colors */
  --cream: #e8e5da;   /* primary light ground */
  --ochre: #b38937;   /* primary accent — gold */
  --ink:   #221c1a;   /* primary dark ground / type */
  --wheat: #d6b57b;   /* light accent — soft gold */
  --olive: #60561e;   /* deep accent — earthy green */
  --brown: #4e3a19;   /* deep accent — chocolate */

  /* Default theme: Cream */
  --bg:       var(--cream);
  --fg:       var(--ink);
  --fg-dim:   #5a504c;
  --fg-mute:  #8a7e74;
  --accent:   var(--ochre);
  --rule:     rgba(34, 28, 26, 0.22);
}

[data-theme="ink"] {
  --bg:      var(--ink);
  --fg:      var(--cream);
  --fg-dim:  #bdb39e;
  --fg-mute: #8a8073;
  --accent:  var(--wheat);
  --rule:    rgba(232, 229, 218, 0.22);
}

[data-theme="ochre"] {
  --bg:      var(--ochre);
  --fg:      var(--ink);
  --fg-dim:  #3d3127;
  --fg-mute: #5a4a36;
  --accent:  var(--ink);
  --rule:    rgba(34, 28, 26, 0.28);
}