:root{
  /* Base — brand reds */
  --red-vivid:#E82C26;   /* icon badges, social pieces */
  --red-500:#D54033;     /* deck primary red */
  --red-700:#BA0302;     /* heritage packaging label red */
  --red-900:#8D0009;     /* deep photographic backdrop red */

  /* Base — brand indigos */
  --indigo-300:#5A6EE8;  /* light accent, rare */
  --indigo-600:#322870;  /* deck indigo, panels */
  --indigo-900:#1E1B4F;  /* logo figure, CTA pill, deepest ink */

  /* Base — heritage packaging */
  --corn-yellow:#FFC20E;
  --corn-leaf:#2E9B3F;
  --cream-200:#F5E7C8;

  /* Base — neutrals */
  --white:#FFFFFF;
  --paper:#FAE8F5;       /* the near-white tint used in the deck */
  --grey-200:#E6E4EC;
  --grey-500:#8B879C;
  --ink:#1E1B4F;
  --black:#000000;

  /* Semantic — surfaces */
  --surface-page:var(--white);
  --surface-inverse:var(--indigo-900);
  --surface-panel:var(--indigo-600);
  --surface-accent:var(--red-500);
  --surface-tint:var(--paper);
  --surface-photo-scrim:rgba(30,27,79,.55);

  /* Semantic — text */
  --text-display:var(--indigo-900);
  --text-body:var(--indigo-900);
  --text-muted:var(--grey-500);
  --text-on-dark:var(--white);
  --text-on-accent:var(--white);
  --text-eyebrow:var(--red-500);
  --text-link:var(--red-500);
  --text-link-hover:var(--red-700);

  /* Semantic — lines & marks */
  --border-hairline:var(--grey-200);
  --border-strong:var(--indigo-900);
  --badge-bg:var(--red-vivid);
  --badge-fg:var(--white);
}