/* ============================================================================
   GAUNTLET — BattleGround design tokens (Blueprint Part A)
   Surfaces · text · brand (#FF5C38) · accent (#38BDF8) · verdicts · severity
   ramp (1–5) · chart palette (1–6) · typography · spacing · elevation · motion
   ========================================================================== */

:root {
  /* ---- Surfaces ---------------------------------------------------------- */
  --surface-0: #0b0e14;          /* deep backdrop */
  --surface-1: #11151e;          /* primary panel */
  --surface-2: #171c27;          /* raised panel */
  --surface-3: #1e242f;          /* hover / input */
  --surface-glass: rgba(17, 21, 30, 0.72);
  --surface-border: rgba(255, 255, 255, 0.08);

  /* ---- Text -------------------------------------------------------------- */
  --text-primary: #f4f6fb;
  --text-secondary: #a9b2c4;
  --text-tertiary: #6b7280;
  --text-inverse: #0b0e14;
  --text-muted: #8a93a6;

  /* ---- Brand + accent ---------------------------------------------------- */
  --brand-500: #ff5c38;
  --brand-600: #e8471f;
  --brand-100: #ffd9ce;
  --accent-450: #38bdf8;
  --accent-600: #0ea5e9;
  --accent-100: #bae6fd;

  /* ---- Verdict semantics ------------------------------------------------- */
  --verdict-survived: #34d399;
  --verdict-failed: #f43f5e;
  --verdict-degraded: #fbbf24;
  --verdict-blocked: #a855f7;
  --verdict-unknown: #6b7280;
  --verdict-survived-bg: rgba(52, 211, 153, 0.14);
  --verdict-failed-bg: rgba(244, 63, 94, 0.14);
  --verdict-degraded-bg: rgba(251, 191, 36, 0.14);
  --verdict-blocked-bg: rgba(168, 85, 247, 0.14);
  --verdict-unknown-bg: rgba(107, 114, 128, 0.14);

  /* ---- Severity ramp (1 = benign … 5 = critical) -------------------------- */
  --sev-1: #34d399;
  --sev-2: #a3e635;
  --sev-3: #fbbf24;
  --sev-4: #fb923c;
  --sev-5: #f43f5e;

  /* ---- Chart palette ------------------------------------------------------ */
  --chart-1: #ff5c38;
  --chart-2: #38bdf8;
  --chart-3: #34d399;
  --chart-4: #a855f7;
  --chart-5: #fbbf24;
  --chart-6: #f472b6;

  /* ---- Typography --------------------------------------------------------- */
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-ui: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Spacing ------------------------------------------------------------ */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-full: 999px;

  /* ---- Elevation ---------------------------------------------------------- */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-2: 0 6px 18px rgba(0, 0, 0, 0.35);
  --shadow-3: 0 16px 40px rgba(0, 0, 0, 0.45);
  --ring-brand: 0 0 0 3px rgba(255, 92, 56, 0.35);
  --ring-accent: 0 0 0 3px rgba(56, 189, 248, 0.35);

  /* ---- Motion ------------------------------------------------------------- */
  --motion-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --motion-base: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --motion-slow: 360ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ---- Layout ------------------------------------------------------------- */
  --content-max: 1200px;
  --nav-height: 64px;
}