/* midruck design tokens. Light is the default; dark applies with <html data-theme="dark">. One accent only: deep indigo. */
:root {
  --bg: #F9FAFB; --bg2: #FFFFFF; --bg3: #F1F5F9; --line: #E8ECF2; --line2: #CBD5E1;
  --text: #0F172A; --muted: #64748B; --accent: #3730A3; --accent-ink: #FFFFFF; --accent-soft: #EEF2FF; --accent2: #3730A3;
  --ok: #047857; --bad: #B91C1C; --warn: #B45309; --canvas: #E2E8F0;
  --shadow: 0 12px 32px -12px rgba(15,23,42,.18);
  --shadow-card: 0 1px 2px rgba(15,23,42,.04), 0 6px 20px -12px rgba(15,23,42,.10);
  --shadow-pop: 0 4px 6px -2px rgba(15,23,42,.05), 0 18px 40px -12px rgba(15,23,42,.18);
  --shadow-cta: 0 1px 2px rgba(55,48,163,.35), 0 8px 18px -8px rgba(55,48,163,.55);
  --radius: 10px;
  --font: Inter, Geist, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  /* pastel tints for badges: background + readable foreground */
  --t-violet-bg: #EDE9FE; --t-violet-fg: #5B21B6; --t-blue-bg: #E0F2FE; --t-blue-fg: #075985; --t-gray-bg: #F1F5F9; --t-gray-fg: #475569;
  --t-green-bg: #D1FAE5; --t-green-fg: #065F46; --t-red-bg: #FEE2E2; --t-red-fg: #991B1B; --t-amber-bg: #FEF3C7; --t-amber-fg: #92400E;
  --dot-ok: #10B981; --dot-bad: #EF4444; --dot-warn: #F59E0B;
}
:root[data-theme="dark"] {
  --bg: #0B1020; --bg2: #111827; --bg3: #1A2336; --line: #1F2A3D; --line2: #334155;
  --text: #F1F5F9; --muted: #94A3B8; --accent: #818CF8; --accent-ink: #0B1020; --accent-soft: #1E1B4B; --accent2: #A5B4FC;
  --ok: #34D399; --bad: #F87171; --warn: #FBBF24; --canvas: #060913;
  --shadow: 0 12px 32px -12px rgba(0,0,0,.6);
  --shadow-card: 0 1px 2px rgba(0,0,0,.3), 0 6px 20px -12px rgba(0,0,0,.5);
  --shadow-pop: 0 4px 6px -2px rgba(0,0,0,.3), 0 18px 40px -12px rgba(0,0,0,.6);
  --shadow-cta: 0 1px 2px rgba(0,0,0,.4), 0 8px 18px -8px rgba(129,140,248,.45);
  --t-violet-bg: #2E1065; --t-violet-fg: #DDD6FE; --t-blue-bg: #0C4A6E; --t-blue-fg: #BAE6FD; --t-gray-bg: #1E293B; --t-gray-fg: #CBD5E1;
  --t-green-bg: #064E3B; --t-green-fg: #A7F3D0; --t-red-bg: #7F1D1D; --t-red-fg: #FECACA; --t-amber-bg: #78350F; --t-amber-fg: #FDE68A;
}