/* ==========================================================================
   Cadence design tokens — lifted verbatim from the reference HTML.
   Light defaults in :root, dark overrides under [data-theme="dark"].
   NEVER hardcode hex in markup — always reference these variables.
   ========================================================================== */
:root{
  --brand-50:#EEF2FF; --brand-600:#4F46E5; --brand-700:#4338CA; --brand-800:#3730A3;
  --ink-900:#0F172A; --ink-600:#475569; --ink-400:#94A3B8;
  --surface:#FFFFFF; --surface-2:#F8FAFC; --page:#F1F5F9; --border:#E2E8F0;
  --positive:#0D9488; --positive-50:#F0FDFA;
  --coach:#F59E0B; --coach-text:#92400E; --coach-50:#FFFBEB;
  --risk:#E11D48; --risk-50:#FFF1F2; --info:#0284C7;
  --r-sm:6px; --r-md:8px; --r-lg:12px; --r-xl:16px;
  --shadow:0 1px 2px rgba(15,23,42,.06),0 4px 12px rgba(15,23,42,.05);
  --font-ui:'Inter',-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,monospace;
}
html[data-theme="dark"]{
  --brand-50:rgba(129,140,248,.15); --brand-600:#818CF8; --brand-700:#6366F1; --brand-800:#A5B4FC;
  --ink-900:#F1F5F9; --ink-600:#94A3B8; --ink-400:#64748B;
  --surface:#1E293B; --surface-2:#162033; --page:#0F172A; --border:#334155;
  --positive:#2DD4BF; --positive-50:rgba(45,212,191,.15);
  --coach:#FBBF24; --coach-text:#FBBF24; --coach-50:rgba(251,191,36,.15);
  --risk:#FB7185; --risk-50:rgba(251,113,133,.15); --info:#38BDF8;
  --shadow:none;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{
  font-family:var(--font-ui);
  background:var(--page);
  color:var(--ink-900);
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  line-height:1.5;
}
a{text-decoration:none;color:inherit}