/**
 * DTAM-MY Design Tokens — canonical reference
 * v1.0 — 2026-08-24
 *
 * This is the single source of truth for the values below. It is NOT
 * <link>-ed into any page yet — portal/, campaign/, admin/, and
 * portal/apps/ are four independently-built template systems (an SPA
 * shell, static per-cohort pages, a static admin suite, and standalone
 * React-in-HTML apps), and wiring one physical stylesheet into all four
 * in a single pass — replacing each surface's own :root block — is a
 * real architecture change with no way to visually verify the result
 * across all four page types in this environment. That's follow-up work,
 * deliberately not done blind.
 *
 * What IS true as of 2026-08-24: every surface's own local :root block
 * (portal/index.html, campaign/*.html, admin/*.html,
 * portal/apps/*.html, portal/components/portal-enhancements.css) was
 * checked against these exact values during the interface-audit fix pass
 * and corrected where it had drifted — gp.html and policy.html were
 * missing --orange entirely; policy.html was missing --green; the three
 * data-collection apps had three different amber/status trios; several
 * files hardcoded these hex values instead of referencing a variable at
 * all. All of that is reconciled to the palette below.
 *
 * To actually consolidate: pick one surface at a time, replace its local
 * :root with a <link> to this file, then visually verify every page that
 * surface renders before moving to the next. Do not do all four in one
 * pass.
 */

:root {
  /* ── Brand palette — do not add new colors here without updating every
     surface's local :root to match (see file header) ── */
  --navy:   #1B3A6B;
  --teal:   #0E8B8B;
  --lteal:  #D6F0F0;
  --lnavy:  #D8E4F0;
  --lgrey:  #F2F5F8;
  --orange: #E07B39;
  --green:  #2ECC71;

  /* ── Same six values, campaign/*.html's naming convention. The campaign
     pages reference var(--light-teal) etc. extensively — aliased here
     instead of renaming every internal usage across 6 files. ── */
  --light-teal:  #D6F0F0;
  --light-navy:  #D8E4F0;
  --light-grey:  #F2F5F8;

  /* ── Semantic status colors — reconciled 2026-08-24 across the
     3 data-collection apps (previously 3 different trios), the admin
     suite, and portal-enhancements.css. Not part of the original 6-color
     brand palette, but now consistent everywhere it's used. ── */
  --success: #16a34a;
  --warning: #d97706;
  --danger:  #dc2626;

  /* admin/dashboard.html specifically still declares its own darker pair
     locally (--success:#2E7D32 / --danger:#C62828), inherited from its
     existing badge colors and kept local on purpose — not unified with
     the above. admin/login.html and analytics-dashboard.html don't use
     --success/--danger at all. */

  /* ── Neutral text — reconciled 2026-08-24: portal and the two
     elderly-facing apps previously used #6b7280, which measured under
     WCAG AA contrast at small sizes on --lgrey backgrounds. ── */
  --muted: #4B5768;
}