/* ──────────────────────────────────────────────────────────────────────────
   Shared design tokens — "Ollama, smaller".
   Portable across apps. Copy this file verbatim; do NOT edit per app.
   Pure monochrome: black ink on white canvas. The ONLY color in the system is
   (1) the app's own icon/logo image, and (2) the severity palette below.
   Everything else — rings, accents, focus — uses neutral grey tones.
   ────────────────────────────────────────────────────────────────────────── */
:root{
  /* Neutrals (monochrome base) */
  --color-canvas:#ffffff; --color-ink:#000000; --color-ink-deep:#090909;
  --color-charcoal:#525252; --color-body:#737373; --color-mute:#a3a3a3;
  --color-surface-soft:#fafafa; --color-surface-dark:#171717;
  --color-hairline:#e5e5e5; --color-hairline-strong:#d4d4d4;

  /* Severity palette — the ONE documented exception to monochrome.
     Soft tint (bg) + matching ink (fg) + a colored border (the brighter
     ramp). Ported from Meerkat. Use on .sev-* badges. */
  --color-severity-critical:#fee2e2; --color-severity-critical-ink:#991b1b; --color-severity-critical-border:#fca5a5;
  --color-severity-high:#ffedd5;     --color-severity-high-ink:#9a3412;     --color-severity-high-border:#fdba74;
  --color-severity-medium:#fef9c3;   --color-severity-medium-ink:#854d0e;   --color-severity-medium-border:#fde047;
  --color-severity-low:#fafafa;      --color-severity-low-ink:#525252;      --color-severity-low-border:#e5e5e5;
  --color-severity-none:#fafafa;     --color-severity-none-ink:#a3a3a3;     --color-severity-none-border:#e5e5e5;

  /* Status dots (.dot-*, 6px) — saturated severity + lifecycle states. */
  --color-status-clean:#27c93f; --color-status-low:#94a3b8; --color-status-medium:#eab308;
  --color-status-high:#f97316;  --color-status-critical:#ef4444;
  --color-status-vuln:#ff5f56;  --color-status-stale:#a3a3a3;

  /* Timeline squares (.tl-*, 13px) — soft pastel ramp on a hairline track. */
  --color-tl-empty:#e5e5e5; --color-tl-clean:#86efac; --color-tl-low:#cbd5e1;
  --color-tl-medium:#fde047; --color-tl-high:#fdba74; --color-tl-critical:#fca5a5;

  /* Shape: pills for interactive, 12px for cards. */
  --radius-full:9999px; --radius-lg:12px; --radius-sm:6px;

  /* Spacing (compact research-tool scale). */
  --space-xs:4px; --space-sm:8px; --space-md:12px; --space-lg:16px;
  --space-xl:24px; --space-xxl:32px; --space-section:48px;

  /* Type: rounded display, system sans body, system mono code. */
  --font-display:"SF Pro Rounded",system-ui,-apple-system,sans-serif;
  --font-body:ui-sans-serif,system-ui,-apple-system,sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}