:root {
  /* ---- Base palette ---- */
  --ink:            #141110; /* primary text, structural rules, fills */
  --red:            #C20000; /* the ONE accent — sequence + action only */
  --paper:          #FFFFFF; /* primary background */
  --cream:          #F4EDE1; /* secondary background / warm field */
  --body-text:      #3a3631; /* body copy on white */
  --muted:          #8a857c; /* labels, datelines, captions (light) */
  --caption:        #6a655d; /* secondary body / captions */
  --hairline:       #e6e4e0; /* 1px dividers, card borders */
  --ghost:          #f0efec; /* ghost numerals, faint fills */
  --pine:           #0C6C46; /* social-only insight accent — NEVER on web */
  --pine-deep:      #114229; /* social-only field color */

  /* ---- Semantic aliases ---- */
  --surface-page:     var(--paper);
  --surface-alt:      var(--cream);
  --surface-card:     var(--paper);
  --surface-inverse:  var(--ink);
  --border-hairline:  var(--hairline);
  --border-structural: var(--ink);

  --text-heading:   var(--ink);
  --text-body:      var(--body-text);
  --text-label:     var(--muted);
  --text-caption:   var(--caption);
  --text-inverse:   var(--paper);
  --text-on-cream:  var(--ink);

  --accent-action:  var(--red);  /* links, CTAs, running numbers */
  --accent-social:  var(--pine); /* LinkedIn / social carousels ONLY */

  --focus-ring:     var(--red);
}