:root{
  /* Base palette — exact values from the Brand Style Guide v1.1 */
  --almost-black:#2E211C;
  --almost-white:#F7F6F2;
  --purple:#744F7C;
  --purple-dark:#5C3F63;
  --lavender:#AA80B5;
  --beige:#CDBAA4;
  --light-grey:#E8E8E8;
  --roadmaps-gold:#C5A75E;
  --as-i-am:#9082BD;
  --as-i-am-light:#DEDFF1;
  --white:#FFFFFF;

  /* Derived neutrals used across the reference kit */
  --ink-muted:#5A4F49;
  --ink-faint:#8A8A8A;
  --ink-faint-warm:#7A7A7A;
  --rule-on-purple:#8F6D96;
  --rule-on-ink:#4C3C36;
  --text-on-ink-muted:#CFC7C2;
  --text-on-purple-muted:#E6DDEA;
  --text-on-purple-faint:#C9B9CD;

  /* Semantic — surfaces */
  --surface-page:var(--almost-white);
  --surface-card:var(--white);
  --surface-panel:var(--light-grey);
  --surface-accent:var(--as-i-am-light);
  --surface-inverse:var(--purple);

  /* Semantic — text */
  --text-body:var(--almost-black);
  --text-secondary:var(--ink-muted);
  --text-eyebrow:var(--ink-faint);
  --text-heading:var(--almost-black);
  --text-accent:var(--purple);
  --text-on-inverse:var(--almost-white);
  --text-on-inverse-muted:var(--text-on-purple-muted);

  /* Semantic — lines, actions */
  --border-hairline:var(--light-grey);
  --border-accent:var(--purple);
  --action-bg:var(--purple);
  --action-bg-hover:var(--purple-dark);
  --action-fg:var(--almost-white);
  --action-bg-ink:var(--almost-black);
  --surface-footer:var(--almost-black);
  --action-bg-inverse:var(--almost-white);
  --action-fg-inverse:var(--purple);
  --link:var(--purple);
  --link-hover:var(--purple-dark);

  /* Sub-brand scopes */
  --sub-roadmaps:var(--roadmaps-gold);
  --sub-as-i-am:var(--as-i-am);
  --sub-as-i-am-surface:var(--as-i-am-light);
}