/* TriageTrail design tokens — canonical source of truth.
 *
 * Status: this is the start of a documented token layer (spec section 3). It is loaded
 * ALONGSIDE the existing per-stylesheet :root blocks (style.css, course.css, experience.css),
 * not instead of them — those files already define their own working token sets and are used
 * across ~20 pages that have not all been individually re-verified, so this pass does not
 * touch them. New work should use these names; migrating the existing files onto this single
 * source is tracked as a separate, deliberately incremental follow-up in
 * platform/ENGINEERING-LOG.md, so nothing regresses silently on a page nobody re-checked.
 *
 * Existing scattered equivalents, for reference while migrating later:
 *   --tt-mint        == style.css --lime, experience.css --signal, course.css --mint  (#79f2be)
 *   --tt-chartreuse  == course.css --lime, experience.css --signal-2                  (#dfff66)
 *   --tt-night       == experience.css --night                                        (#020b0f)
 *   --tt-navy-deep   == style.css --deep                                              (#031014)
 *   --tt-navy-course == course.css --ink                                              (#071820)
 *   --tt-ink         == style.css --ink                                               (#07191d)
 *   --tt-paper       == style.css --paper                                             (#f1f2eb)
 *   --tt-paper-course== course.css --paper                                            (#f4f5ef)
 *   --tt-teal        == style.css --teal                                              (#0d3539)
 *   --tt-amber       == style.css --amber                                             (#f3ad5d)
 *   --tt-amber-deep  == course.css .callout.warning border                            (#d4832f)
 */
:root{
  /* Colour: brand */
  --tt-night:#020b0f;
  --tt-navy-deep:#031014;
  --tt-navy-course:#071820;
  --tt-ink:#07191d;
  --tt-paper:#f1f2eb;
  --tt-paper-course:#f4f5ef;
  --tt-teal:#0d3539;
  --tt-mint:#79f2be;
  --tt-chartreuse:#dfff66;

  /* Colour: semantic (clinical content blocks — matches dist/course.css) */
  --tt-amber:#f3ad5d;
  --tt-amber-deep:#d4832f;
  --tt-red:#c4273b;
  --tt-red-tint:#fdeef0;
  --tt-pearl:#0d7a8c;
  --tt-pearl-tint:#eef9fb;
  --tt-evidence-tint:#f3fff8;
  --tt-evidence-border:#17845b;

  /* Colour: neutrals */
  --tt-line:#bfd0c9;
  --tt-line-course:#ced8d2;
  --tt-muted:#60706e;
  --tt-muted-course:#617178;

  /* Spacing scale (4px base) */
  --tt-space-1:4px;
  --tt-space-2:8px;
  --tt-space-3:12px;
  --tt-space-4:16px;
  --tt-space-5:24px;
  --tt-space-6:32px;
  --tt-space-7:48px;
  --tt-space-8:64px;
  --tt-space-9:96px;

  /* Type scale (fluid; mirrors the clamp() pattern already used ad hoc in style.css/course.css) */
  --tt-text-xs:.7rem;
  --tt-text-sm:.85rem;
  --tt-text-base:1rem;
  --tt-text-lg:1.15rem;
  --tt-text-xl:clamp(1.4rem,2.4vw,1.8rem);
  --tt-text-2xl:clamp(1.8rem,3.2vw,2.6rem);
  --tt-text-3xl:clamp(2.4rem,4.5vw,3.6rem);
  --tt-text-4xl:clamp(3rem,6vw,5rem);

  /* Radius / shadow */
  --tt-radius-sm:6px;
  --tt-radius-md:12px;
  --tt-radius-lg:20px;
  --tt-shadow-md:0 20px 55px rgba(4,40,38,.12);
  --tt-shadow-lg:0 35px 90px rgba(0,0,0,.45);
}