@import url("markus-tokens.css");
/* Platform tokens: Living Colour pages without site.css still get var(--mk-*) (BRAND_GUIDE.md). */
/* ============================================================================
   Living Colour — shared tokens (31 Jul 2026; grown into the full shared
   vocabulary 13 Aug 2026, the "one Living Colour" restyle)

   The one thing every Living Colour surface must agree on: what the PRIMARY
   ACTION looks like. Before this file the same button role shipped four ways —
   the wizard's Continue and the board's primary agreed on a 90° sky→cyan
   gradient, but Results' "Run another session" was 135° #2563EB→#06B6D4, the
   join funnel's "Log in to join" was flat #2563EB, and a fourth 100° gradient
   sat in the stylesheet unused. The CTA is the element a user tracks by colour
   across a journey, so it gets a token and a single definition.

   13 Aug: the CTA value moved from the sky→cyan pair to the deep blue the
   solo question screen uses (lc-question-paper.css --lcq-cta). One decision,
   one edit point: every LC primary (wizard, Results, board, phone, funnel)
   follows it from here.

   Loaded BEFORE class-lc-maths.css / class-lc-teacher.css by every view that
   uses either, so both the standalone session pages (Layout = null, no
   site.css) and the platform pages resolve the same values.

   The ribbon on the paper's top edge is deliberately NOT this token: it is a
   3px decorative rule, not an action, and it stays on the platform's
   #2563EB→#06B6D4 pair that site.css owns.
   ========================================================================== */
:root {
  /* the primary action, everywhere — matches --lcq-cta on the solo screen */
  /* 13 Oct 2026, decision A (BRAND_GUIDE.md): the main button is flat Markus
     blue platform wide, so the deep blue gradient and its shadow retire. */
  --lc-cta: #2563EB;
  --lc-cta-hover: #1D4ED8;
  --lc-cta-shadow: none;
  /* the 3px rule on the top edge of every sheet and every exam paper — the
     one mark that ties the wizard, the board and the phone together.
     Decorative, so it keeps the platform pair rather than the CTA's. */
  --lc-ribbon: linear-gradient(90deg, #2563EB, #06B6D4);
  /* the "go on then" variant — same geometry, different mood. Used for Next
     question, where green means "that one is done" rather than "do this". */
  --lc-go: #1FA55C;
  --lc-go-hover: #178B4C;

  /* ---- the lcv2 neutral ramp (lc-question-paper.css, verbatim) ----
     Additive: nothing consumes these until a stylesheet opts in. The class
     light blocks re-point their --lcl-* aliases here; the solo screen still
     declares its own --lcq-* copies (migrating it is a separate, safe step). */
  --lc-page: #F2F3F5;
  --lc-card: #FFFFFF;
  --lc-ink: #16181C;
  --lc-body: #3F434A;
  --lc-muted: #5B6068;      /* the ONLY muted grey for small text */
  --lc-line: #E3E6EB;
  --lc-hairline: #EDEFF3;
  --lc-chip: #F1F3F7;

  /* ---- outcome-state families: fill, sheet tint, border, darkest ink ----
     Same law everywhere: a MISSED question is amber on any persistent
     readout; the only sanctioned red is the verdict disc at the reveal. */
  --lc-ok: #22C55E;   --lc-ok-sheet: #E7FAEF;   --lc-ok-border: #CDEBD8;   --lc-ok-text: #15803D;  --lc-ok-ink: #0F3D24;
  --lc-part: #F59E0B; --lc-part-sheet: #FFF6E6; --lc-part-border: #F6E3BE; --lc-part-text: #B45309; --lc-part-ink: #4A2A03;
  --lc-miss: #F59E0B; --lc-miss-sheet: #FFF0F2; --lc-miss-border: #F7D3D3; --lc-miss-ink: #4C0519;
  --lc-idk: #8B5CF6;  --lc-idk-sheet: #F3F0FF;  --lc-idk-border: #DFD3FB;  --lc-idk-ink: #2E1065;

  /* ---- the violet support family: hints, nudges, tools — NEVER the CTA ---- */
  --lc-violet: #7C3AED;
  --lc-violet-text: #6D28D9;   /* darkened for small text on the tint */
  --lc-violet-tint: #EDE9FE;
  --lc-violet-border: #C4B5FD;

  /* ---- chrome type: the lcv2 face with Inter as fallback ----
     Declared in lcm-fonts.css (self-hosted; school networks filter CDNs).
     Maths content (stems, answers, mark schemes) stays STIX Two Text. */
  --lc-font-chrome: "Hanken Grotesk", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- ANSWER palette (Andy's spec, 22 Aug 2026) ----
     Answers are BLUE and AMBER on every readout, both teacher and student:
     right fills blue, wrong fills amber. --lc-ans-wrong is a FILL, never a
     text colour; text on white is never lighter than --lc-ans-text-amber
     (amber) or --lc-ans-text-grey (grey). The reveal moment and the
     celebration moments keep their own colours (green Correct flood, red
     disc at reveal) — those are verdicts, not readouts. Partial credit
     keeps --lc-part #F59E0B so the two ambers never mean the same thing. */
  --lc-ans-right: #2B4ED0;
  --lc-ans-right-tint: #EEF1FC;      /* code pill, avatars, blue washes */
  --lc-ans-wrong: #FF9F0A;           /* FILL ONLY */
  --lc-ans-wrong-tint: #FFF6E8;      /* wash behind low %, review chips */
  --lc-ans-wrong-border: #F0C989;
  --lc-ans-text-blue: #2B4ED0;       /* high %, links, code pill text */
  --lc-ans-text-amber: #8A5200;      /* low %, review labels, chips */
  --lc-ans-text-grey: #6E7480;
  --lc-ans-now-ring: rgba(43, 78, 208, .14);  /* on-it-now: white fill, 2.5px right-blue border */
  --lc-ans-skip: #DCDFE7;
  --lc-ans-skip-ink: #4A5060;
  --lc-ans-idk-border: #C4C8D2;      /* not sure: white cell, ? in text-grey */
  --lc-ans-todo: #F4F5F9;            /* not reached */
  /* on the dark blue hero band the answer pair flips: right is white,
     wrong stays --lc-ans-wrong, unanswered is rgba(255,255,255,.30) */

  /* ---- off screen: a PEOPLE state, not an answer state (red, per Andy's
     mock 22 Aug — deliberately not the answer amber) ---- */
  --lc-off-wash: #FBEAEA;
  --lc-off-border: #E9BFBF;
  --lc-off-chip: #8E2424;            /* chip fill, white text on it */
}