/* tokens/suite.css - School Suite

   ===== TEAL: THE SUITE'S DECIDED DEFAULT (5th August 2026) =====
   Values below were originally applied on 4th August 2026 as a COMPARISON
   SKIN, lifted verbatim from CEC3's own branding (~/Desktop/CEC/cec3-design/
   assets/cec3.css) so Jason could judge it side by side with the suite's
   previous forest-green identity. That comparison is now resolved: Jason's
   decision, verbatim, is "let the user choose their own colour from a
   palette but we start with teal" -- teal is the shipped default identity
   for every org, not a placeholder held pending a real choice.

   This file is still the ONE place that default lives. What changed on
   5th August is the MECHANISM around it: an org admin can now override
   their own org's identity colour from a curated palette (see
   app/themes.py -- the front door's own copy of packages/suite_ui/
   suite_ui/themes.py) via a small inline <style> override base.html emits
   after this stylesheet -- see that file and app/main.py's _nav_ctx. The
   override touches ONLY identity tokens (--brand, --brand-deep, --tint,
   --accent-*, ...); the need/status ramp below is never themed by any
   org, always exactly as this file defines it (01_New_Applications_Spec.
   md section 14's design law: "theme the identity chrome, never the
   meaning-bearing colours").

   The values themselves are unchanged from the CEC3 comparison pass and
   remain a genuinely new hue for the estate (see suite.forest.css.bak,
   preserved as one of the curated palette options, for the identity this
   file carried before 4th August).

   Note core.css already carries CEC3's --ink (#0f2323) and --grey (#585856)
   verbatim, because the shared kit was distilled from cec3.css in the first
   place, so only brand, accent, surfaces and the need ramp move here.
*/
:root {
  /* ---- BRAND: CEC teal ---- */
  --brand: #00797b;        /* cec3 --teal */
  --brand-deep: #055252;   /* cec3 --teal-deep, the dark panel shade */
  --brand-light: #0a9698;  /* cec3 --teal-light */
  --paper: #ebf0f1;        /* cec3 --pale, the page field behind white cards */
  --tint: rgba(0, 121, 123, 0.06);

  /* ---- ACCENT: CEC gold, with sage and indigo as tonal steps ---- */
  --accent-1: #e8b462;     /* cec3 --gold, the eyebrow mark and hero accent */
  --accent-2: #525e93;     /* cec3 --indigo */
  --accent-3: #aecbc6;     /* cec3 --sage */
  --accent-4: #f5e3c2;     /* pale gold for chip backgrounds */

  --line: rgba(5, 82, 82, 0.10);
  --line-strong: rgba(5, 82, 82, 0.16);
  --surface-tint: rgba(5, 82, 82, 0.035);
  --brand-08: rgba(0, 121, 123, 0.08);
  --brand-14: rgba(0, 121, 123, 0.14);
  --brand-20: rgba(0, 121, 123, 0.20);
  --shadow-tint-rgb: 5, 82, 82;

  /* ---- FUNCTIONAL: CEC3's own need ramp, verbatim ----
     Note this differs from our forest palette in an important way: CEC3's
     brand is teal and its "low" band is a pale neutral, so nothing here
     collides with the brand the way a green "good" would have done against
     our green brand. The coral very-high is CEC3's own alarm colour. */
  --need-low: #ebf0f1;        --need-low-ink: #3c4a49;
  --need-medium: #aecbc6;     --need-medium-ink: #0f3634;
  --need-high: #e8b462;       --need-high-ink: #5a3c0a;
  --need-very-high: #fe6454;  --need-very-high-ink: #ffffff;

  /* Failure, matched to CEC3's coral so the palette keeps one alarm colour. */
  --bad: #d8402f;             --bad-ink: #ffffff;
  --bad-08: rgba(254, 100, 84, 0.14);

  --footer-grad: linear-gradient(180deg, var(--brand-deep), #033b3b);
}