/* brand.css — the single source of truth for Return to Capacity brand color tokens.
   Link this on every v7 page and reference colors with var(--token), never a raw hex.
   Values match the official brand guide + Canva kit. Change a color HERE, once. */

:root {
  --charcoal:  #262523; /* body text + headlines */
  --deepslate: #2C3033; /* deep text accent, sparing */
  --slate:     #6F7B85; /* ACTION color: buttons, labels, links */
  --sage:      #9A9B86; /* signature soft accent: italics, numerals, highlights */
  --muted:     #76716A; /* captions, secondary text */
  --greige:    #E7E4DE; /* primary page background */
  --sand:      #D9D4CB; /* section-divider panels, soft blocks */
  --linen:     #F4F1EB; /* softest tint (inputs, quote blocks, button text on slate) */
  --navy:      #4F5E78; /* deep accent, SPARING (a rule, a pull quote, hover) */
  --mauve:     #AE8A85; /* warm accent, SPARING (small details, tints, underline) */
  --hair:      #D6D2CB; /* hairlines / borders */
  --white:     #FFFFFF;
}