:root {
  /* Core palette */
  --rrg-red: #DD3333;          /* PRIMARY. Headlines, CTAs, bold blocks. Dominant. */
  --rrg-yellow: #FFC93C;       /* SECONDARY. Highlight only — sparingly. */
  --rrg-offwhite: #FAFAF8;     /* TERTIARY. Page ground. */
  --rrg-white: #FFFFFF;        /* Cards, panels. */
  --rrg-ink: #1A1A1A;          /* Text only — never a background fill in this look. */

  /* Neutrals */
  --rrg-text-body: #3A3A37;
  --rrg-text-muted: #4A4A47;
  --rrg-text-subtle: #8A8A85;
  --rrg-border: #ECEAE4;

  /* Red tints (charts, callout grounds) */
  --rrg-red-tint-1: #FBEAEA;
  --rrg-red-tint-2: #F1E4E4;
  --rrg-red-tint-3: #EFA9A9;

  /* Supporting palette — service color-coding */
  --rrg-purple: #5D3A8E;       /* Digital · Communications · Messaging (three separate services, one color) */
  --rrg-green: #2E7D4F;        /* Fundraising & campaigns */
  --rrg-navy: #22345B;         /* Strategy & research */

  /* Legacy aliases — retired hues, kept so existing files keep resolving */
  --rrg-teal: var(--rrg-purple);
  --rrg-berry: var(--rrg-green);

  /* Semantic aliases */
  --surface-page: var(--rrg-offwhite);
  --surface-card: var(--rrg-white);
  --surface-accent: var(--rrg-red);
  --surface-callout: var(--rrg-red-tint-1);
  --text-heading: var(--rrg-ink);
  --text-heading-accent: var(--rrg-red);
  --text-body: var(--rrg-text-body);
  --text-label: var(--rrg-text-subtle);
  --border-hairline: var(--rrg-border);
  --cta-fill: var(--rrg-red);
  --cta-fill-alt: var(--rrg-ink);
  --cta-highlight: var(--rrg-yellow);
  --service-digital: var(--rrg-purple);
  --service-communications: var(--rrg-purple);
  --service-messaging: var(--rrg-purple);
  --service-fundraising: var(--rrg-green);
  --service-strategy: var(--rrg-navy);
}