/* ========================================================================
   Lộc Minh IELTS — Design Tokens
   The single source of truth for colors, typography, spacing & shadows.
   Edit values here to update the look & feel across all pages.
   ======================================================================== */

:root{
  /* ---- Brand: Blue scale ---- */
  --blue-50:#EEF3FF;
  --blue-100:#DDE6FF;
  --blue-200:#B8C9F2;
  --blue-300:#7B98E8;
  --blue-500:#2F5BE0;
  --blue-700:#1B3FB2;

  /* ---- Brand: Ink (text/dark) ---- */
  --ink:#0B1730;
  --ink-soft:#3A4663;
  --ink-mute:#94a0b8;

  /* ---- Brand: Accent (yellow) ---- */
  --accent:#FFB72B;
  --accent-deep:#E89A00;
  --accent-soft:#FFF4D9;

  /* ---- Neutrals ---- */
  --white:#FFFFFF;
  --bg-page:#F4F7FF;
  --bg-soft:#F1F4FB;
  --line:rgba(47,91,224,.18);

  /* ---- Semantic ---- */
  --success:#2BC275;
  --danger:#C8102E;

  /* ---- Typography ---- */
  --font-body:'Inter', sans-serif;
  --font-display:'Space Grotesk', sans-serif;
  --font-mono:'Space Grotesk', monospace;

  /* ---- Shadows ---- */
  --shadow-sm:0 10px 25px -15px rgba(27,63,178,.35);
  --shadow-md:0 18px 40px -20px rgba(27,63,178,.4);
  --shadow-lg:0 30px 60px -25px rgba(27,63,178,.35);

  /* ---- Radii ---- */
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:22px;
  --radius-xl:28px;
  --radius-pill:999px;

  /* ---- Layout ---- */
  --container-max:1180px;
  --container-pad:24px;
}