:root{
  /* --- Base palette: the crayon-box hues sampled from the flier + logo --- */
  --lttc-red:#e32b3d;
  --lttc-red-dark:#b81f2f;
  --lttc-orange:#f58a2e;
  --lttc-gold:#efb63c;
  --lttc-gold-dark:#dfa11e;
  --lttc-yellow:#ffd23f;
  --lttc-green:#2fa84e;
  --lttc-green-dark:#22803b;
  --lttc-teal:#3bb8cf;
  --lttc-teal-light:#8fd9e6;
  --lttc-teal-dark:#2795ab;
  --lttc-blue:#2f6fd0;
  --lttc-navy:#22376e;
  --lttc-navy-deep:#17264f;
  --lttc-purple:#6e3cc4;
  --lttc-purple-dark:#54299f;
  --lttc-pink:#ee3d8f;
  --lttc-pink-light:#f9a8cd;

  /* --- Paper / neutral ramp: warm cream, never cool grey --- */
  --lttc-paper:#fdf3e0;
  --lttc-paper-deep:#f7e6c6;
  --lttc-white:#ffffff;
  --lttc-ink:#1b1b2b;
  --lttc-grey-100:#f3efe7;
  --lttc-grey-200:#e4ddd0;
  --lttc-grey-300:#cfc6b6;
  --lttc-grey-500:#8d8577;
  --lttc-grey-700:#57514a;

  /* --- Semantic aliases: use these in components --- */
  --brand-primary:var(--lttc-teal);
  --brand-primary-hover:var(--lttc-teal-dark);
  --brand-secondary:var(--lttc-gold);
  --brand-secondary-hover:var(--lttc-gold-dark);
  --brand-accent:var(--lttc-pink);
  --brand-accent-hover:#d62d7c;

  --surface-page:var(--lttc-paper);
  --surface-card:var(--lttc-white);
  --surface-card-alt:var(--lttc-paper-deep);
  --surface-sunken:var(--lttc-grey-100);
  --surface-navy:var(--lttc-navy);
  --surface-overlay:rgba(23,38,79,.55);

  --text-body:var(--lttc-navy);
  --text-heading:var(--lttc-navy-deep);
  --text-muted:var(--lttc-grey-700);
  --text-on-dark:var(--lttc-white);
  --text-on-brand:var(--lttc-white);
  --text-link:var(--lttc-teal-dark);
  --text-link-hover:var(--lttc-pink);

  --border-hairline:var(--lttc-grey-200);
  --border-strong:var(--lttc-navy);
  --border-sticker:var(--lttc-white);

  --state-success:var(--lttc-green);
  --state-warning:var(--lttc-gold);
  --state-danger:var(--lttc-red);
  --state-info:var(--lttc-teal);
  --focus-ring:var(--lttc-purple);

  /* --- Program colour coding: each program owns one crayon hue --- */
  --program-playgroup:var(--lttc-green);
  --program-pre-nursery:var(--lttc-red);
  --program-nursery:var(--lttc-orange);
  --program-academic-tutor:var(--lttc-blue);
  --program-tertiary:var(--lttc-purple);
}