/* SafeQA design tokens — SafePaaS brand (blue #58889D / green #80A14A). Light theme.
   Single source of truth for the SPA; every color/space/radius references these. */
:root {
  --sq-accent: #58889d;
  --sq-accent-hover: #4a7688;
  --sq-green: #80a14a;
  --sq-bg: #f3f2f7;
  --sq-surface: #ffffff;
  --sq-border: #d6d9e0;
  --sq-text: #2b3550;
  --sq-text-muted: #5a6478;
  --sq-danger: #b3261e;
  --sq-danger-bg: #fdecea;
  --sq-radius: 12px;
  --sq-radius-sm: 6px;
  --sq-space-2: 8px;
  --sq-space-3: 12px;
  --sq-space-4: 16px;
  --sq-space-6: 24px;
  --sq-space-8: 32px;
  --sq-shadow: 0 6px 24px rgba(28, 40, 64, 0.08);
  --sq-font: -apple-system, "Segoe UI", Roboto, sans-serif;
  /* SQA-8 — sidebar nav + Lucide icons + run verdict */
  --sq-sidebar-w: 244px;
  --sq-sidebar-collapsed-w: 64px;
  --sq-icon: 18px;
  --sq-nav-active-bg: rgba(88, 136, 157, 0.12);
  --sq-nav-hover-bg: rgba(88, 136, 157, 0.06);
  --sq-ok-bg: #eef4e6;
  /* SQA-23 — v2 QA Command Center: warn (blocker/attention) pair + on-accent text */
  --sq-warn: #96620a;
  --sq-warn-bg: #fbf1dc;
  --sq-on-accent: #ffffff;
  /* SQA-66 — Analytics charts: semantic pass/fail/skip + neutral grid/track */
  --sq-chart-pass: #80a14a;
  --sq-chart-fail: #b3261e;
  --sq-chart-skip: #b7bdca;
  --sq-chart-grid: #edeef2;
}
@media (prefers-color-scheme: dark) {
  :root {
    --sq-bg: #1a1f2e; --sq-surface: #232838; --sq-border: #363c4e;
    --sq-text: #e6e9f0; --sq-text-muted: #9aa3b8; --sq-danger-bg: #3a1f1d;
    --sq-ok-bg: #23301b;
    --sq-warn: #e8b45a; --sq-warn-bg: #3a2f18;
    --sq-chart-pass: #9cbe63; --sq-chart-fail: #e5675f;
    --sq-chart-skip: #5a627a; --sq-chart-grid: #2c3242;
  }
}