/* The Tailwind v3 hue steps Canvas reads directly (status badges use the soft
   50/200/700 light and 950/800/400 dark surfaces with a saturated 500 dot). Only
   the hues the kit references are shipped; the full scale lives in src/style/tokens.ts. */
:root{
  --green-500-bar:#22c55e;--green-50:#f0fdf4;--green-200:#bbf7d0;--green-500:#22c55e;--green-700:#15803d;--green-800:#166534;--green-950:#052e16;
  --amber-50:#fffbeb;--amber-200:#fde68a;--amber-500:#f59e0b;--amber-700:#b45309;--amber-800:#92400e;--amber-950:#451a03;
  --red-50:#fef2f2;--red-200:#fecaca;--red-500:#ef4444;--red-700:#b91c1c;--red-800:#991b1b;--red-950:#450a0a;
  --blue-50:#eff6ff;--blue-200:#bfdbfe;--blue-500:#3b82f6;--blue-700:#1d4ed8;--blue-800:#1e40af;--blue-950:#172554;
  --zinc-100:#f4f4f5;--zinc-300:#d4d4d8;--zinc-600:#52525b;--zinc-700:#3f3f46;--zinc-200:#e4e4e7;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-800:#27272a;--zinc-900:#18181b;--zinc-950:#09090b;
  --emerald-400:#34d399;--green-400:#4ade80;--red-400:#f87171;
  --indigo-500:#6366f1;--indigo-600:#4f46e5;
  /* CodeBlock syntax ramps (tokenize.ts syntaxColor: light 700/600, dark 400) plus the
     Alert light-mode 600 icon step (alert.shared.tsx iconColor). Values from src/style/tokens.ts. */
  --violet-400:#a78bfa;--violet-700:#6d28d9;--sky-400:#38bdf8;--sky-700:#0369a1;
  --cyan-400:#22d3ee;--cyan-700:#0e7490;--rose-400:#fb7185;--rose-700:#be123c;
  --amber-400:#fbbf24;--amber-600:#d97706;--blue-400:#60a5fa;
  --blue-600:#2563eb;--green-600:#16a34a;--red-600:#dc2626;
}