/* Vendor Status Dashboard brand tokens — single source of truth for every marketing
   asset (store screenshots, promo tiles, landing hero, OG image).
   Status colors are READ FROM THE EXTENSION SOURCE, never invented:
     badge colors : src/lib/badge.ts        (BADGE_COLORS)
     popup colors : entrypoints/popup/popup.css (:root + [data-theme="dark"])
   If the extension palette changes, update here and re-run `make assets`. */
:root {
  /* stage & surfaces — marketing slate, same family as the landing page */
  --brand-bg: #0b1220;          /* deep slate stage background */
  --brand-surface: #0f172a;     /* card / icon tile / og background */
  --brand-tile: #1e293b;        /* landing header brand-mark tile */
  --brand-border: #334155;
  --brand-border-soft: #1f2a3d;

  /* ink */
  --brand-fg: #e2e8f0;
  --brand-muted: #a5b4c8;
  --brand-faint: #64748b;
  --brand-accent-ink: #06281b;

  /* status — operational */
  --status-ok: #1b873f;         /* popup.css:17  --s-operational-solid */
  --status-ok-bright: #4fc97e;  /* popup.css:33  dark-theme ink — use on dark surfaces */

  /* status — degraded */
  --status-warn: #f2a100;       /* popup.css:18  --s-degraded-solid */
  --status-warn-badge: #f9a825; /* badge.ts:14   BADGE_COLORS.DEGRADED */
  --status-warn-bright: #e5b23c;/* popup.css:34  dark-theme ink */

  /* status — outage */
  --status-down: #d32f2f;       /* popup.css:20  --s-major-solid */
  --status-down-badge: #c62828; /* badge.ts:12   BADGE_COLORS.MAJOR_OUTAGE */
  --status-down-bright: #ff6d6d;/* popup.css:36  dark-theme ink */

  /* type — exact system stack used by the extension UI; deterministic across
     marketing renders without depending on a locally installed font */
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ultra-subtle dot grid for stage backgrounds (2-3% opacity) */
  --grid-dot: rgba(148, 163, 184, 0.03);
}