:root {
  --brand:   #5c6857;   /* 1 · primary  — buttons, links, accents  (Castelli logo sage, deepened for AA text) */
  --brand-2: #3e4a38;   /* 2 · secondary — deep bands, footer       (forest, same hue family)                 */
  --brand-3: #a87c1c;   /* 3 · highlight — stars, badges, small hits (warm gold, reads against sage)          */
  --canvas:  #f6f5ec;   /* 4 · warm section background              (cream sampled from the wordmark)         */
  --ink:     #22251f;   /* 5 · text                                 (green-black, matches the sage ground)    */
}