/* ==========================================================================
   Colour — "Linen & Sienna"
   Warm linen grounds · soft near-black ink · one restrained sienna accent.
   Contrast notes (WCAG, vs --color-bg unless stated):
     ink     on bg            ≈ 15.5:1  AAA
     muted   on bg            ≈  5.3:1  AA  (normal text)
     accent  on bg            ≈  5.6:1  AA  (links / normal text)
     #fff    on accent        ≈  6.0:1  AA  (button label)
     #fff    on accent-hover  ≈  8.6:1  AAA
     accent-hover on accent-soft ≈ 6.4:1 AA (tag text)
   ========================================================================== */

:root {
  --color-bg:           #FAF5EC;   /* page ground — warm linen */
  --color-surface:      #F1E9DB;   /* cards, raised panels, code blocks */
  --color-ink:          #221C18;   /* primary text — warm near-black */
  --color-muted:        #6A6662;   /* secondary text, captions, metadata — warm neutral grey */
  --color-border:       #E4D9CA;   /* hairlines, dividers, card edges */
  --color-accent:       #9C4B36;   /* sienna — links, emphasis, primary button */
  --color-accent-hover: #7C3829;   /* hover / active / pressed */
  --color-accent-soft:  #EEDBD1;   /* tag & soft-button backgrounds */
  --color-on-accent:    #FFFFFF;   /* text on accent fills */
  --color-focus:        var(--color-accent);  /* focus ring colour */

  /* --- Semantic aliases --------------------------------------------------- */
  --surface-page:   var(--color-bg);
  --surface-card:   var(--color-surface);
  --surface-code:   var(--color-surface);
  --text-body:      var(--color-ink);
  --text-heading:   var(--color-ink);
  --text-muted:     var(--color-muted);
  --text-link:      var(--color-accent);
  --text-on-accent: var(--color-on-accent);
}