/* ── Band 7 IELTS · Color tokens ──────────────────────────────
   Base palette. Alabaster page, charcoal ink, blue accents,
   orange CTA. Blue is the ONLY accent color; orange is CTA-only. */
:root {
  /* Neutrals */
  --alabaster: #FAF8F5;      /* page background */
  --paper: #FFFFFF;          /* card surfaces */
  --charcoal: #1A1A1A;       /* primary ink + hairline rules */
  --ink-800: #2B2B2B;
  --gray-600: #6B6B6B;       /* secondary / body-muted */
  --gray-500: #8A8A8A;       /* tertiary, timestamps */
  --gray-300: #D8D3CC;       /* card borders on alabaster */
  --gray-200: #E7E2DB;       /* dividers, faint fills */

  /* Blue accent — text vs. graphic are two distinct values */
  --blue-text: #2B6CB0;      /* names, links, niche labels, accent text */
  --blue-graphic: #63B3ED;   /* step rings, chart line, × marks, highlights */
  --blue-graphic-tint: rgba(99, 179, 237, 0.12);

  /* CTA (orange) — buttons ONLY */
  --orange: #D9541E;
  --orange-hover: #C4491A;
  --orange-glow: rgba(217, 84, 30, 0.35);

  /* Semantic list marks */
  --green: #1DB954;          /* positive / correct checkmarks */
  --red: #E03131;            /* incorrect × marks (correct-vs-incorrect) */
  --gold: #F5A623;           /* star ratings */

  /* Highlight — the ONLY highlight color */
  --highlight: #FEF08A;      /* yellow text highlight / marker */

  /* Dark chat card */
  --card-dark: #1F2430;
  --card-dark-line: #2E3545;
}