/* ── Band 7 IELTS · Semantic aliases ──────────────────────────
   Meaning-first names mapped onto the base palette. Reach for
   these in components; the raw scale stays in colors.css. */
:root {
  --surface-page: var(--alabaster);
  --surface-card: var(--paper);
  --surface-card-dark: var(--card-dark);

  --text-primary: var(--charcoal);
  --text-secondary: var(--gray-600);
  --text-tertiary: var(--gray-500);
  --text-accent: var(--blue-text);
  --text-on-dark: #ECEEF2;
  --text-on-cta: #FFFFFF;

  --graphic-fill: var(--blue-graphic);
  --graphic-fill-tint: var(--blue-graphic-tint);

  --cta-bg: var(--orange);
  --cta-bg-hover: var(--orange-hover);
  --cta-glow: var(--orange-glow);

  --mark-positive: var(--green);   /* positive feature checks */
  --mark-correct: var(--green);    /* correct-vs-incorrect ✓ */
  --mark-negative: var(--red); /* pain-point / not-for-you × */
  --mark-incorrect: var(--red);    /* correct-vs-incorrect × */
  --mark-star: var(--gold);

  --surface-highlight: var(--highlight);  /* yellow text highlight */

  --border-hairline: var(--charcoal);   /* full-width section rules */
  --border-card: var(--gray-300);
  --border-divider: var(--gray-200);
}