/* theme.css — the canonical WeTalk design tokens, shared across the apps.
 *
 * SHARED MODULE (Phase 7, 23/07). Canonical here in tools/client-dashboard/;
 * mirrored byte-for-byte into each app root by tools/sync-shared.js. The CONSOLE
 * (admin panel: index.html + mapper.html) links this file so its palette matches
 * the client portal exactly, instead of the slightly-drifted copy it grew its own.
 *
 * THE PORTAL IS THE REFERENCE STANDARD. dashboard.html keeps its own inline :root
 * and is deliberately NOT edited — these values are copied FROM it and must stay
 * equal to it. The drift this fixes (console -> portal): --bg #eef1f5 -> #eef2f7,
 * --border #e3e8ef -> #dfe5ee, --mut #647089 -> #667085, --ink #12203a -> #0a203f,
 * and a lighter --shadow. If the portal's tokens ever change, change them here too.
 *
 * TOKENS ONLY, on purpose. No component classes: the two console pages already
 * style their own chrome off these variables (var(--bg), var(--border), ...), so
 * redefining the variables re-skins everything with zero markup churn and zero
 * class-name collisions. Page-specific tokens the portal doesn't carry (--ok,
 * --warn, --danger, --sans) live here too so the console inherits them; --radius
 * stays page-level (the portal's shells are 22px, the dense editor is 14px — a
 * deliberate density choice, not drift).
 */
:root{
  --navy:#0a203f;            /* WeTalk brand navy — exact, from the brand swatch */
  --blue:#21a9ee;            /* logo mark light blue, accent */
  --bg:#eef2f7;
  --surface:#ffffff;
  --surface-2:#f7f9fc;
  --ink:#0a203f; --text:#0a203f;
  --mut:#667085; --muted:#667085; --stone:#667085;
  --line:#dfe5ee; --border:#dfe5ee;
  --card:#ffffff;
  --ok:#1a8f5e; --warn:#c9800a; --danger:#c24e4e;
  --shadow:0 18px 50px rgba(10,32,63,.10);
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}