:root{
  /* Brand primary */
  --color-primary-navy:#152E52;
  --color-primary-red:#A50D25; /* unified deeper red — never #C8102E */
  --color-primary-white:#FFFFFF;
  /* Supporting & neutrals */
  --color-wood-ash:#B2956E;
  --color-bleacher-grey:#A0A5B1;
  --color-field-grey:#E6E9EF;
  /* Derived */
  --color-red-hover:#870A1E;
  --color-navy-tint:#1c3a68; /* gradient partner for navy thumbs */
  --color-text-soft:#3d4655;
  --color-text-meta:#5c6472;
  /* Semantic aliases */
  --bg-main:var(--color-primary-white);
  --bg-alt:var(--color-field-grey);
  --bg-dark:var(--color-primary-navy);
  --text-main:var(--color-primary-navy);
  --text-muted:var(--color-bleacher-grey);
  --text-on-dark:var(--color-primary-white);
  --border-color:var(--color-field-grey);
  --border-accent:var(--color-wood-ash);
  --btn-primary-bg:var(--color-primary-red);
  --btn-primary-text:var(--color-primary-white);
  --btn-primary-hover:var(--color-red-hover);
  --surface-card:var(--color-primary-white);
}