/* ============================================================
   Architecture DeepDive — DESIGN SYSTEM TOKENS (single SoT)
   ============================================================
   All new UI MUST use these exact values.
   Do NOT invent new colors. Use rgba(token, a) only for alpha
   of an existing token (e.g. rgba(0, 217, 255, 0.15) from cyan).
   Font stack is fixed — no alternate typefaces for body UI.
   ============================================================ */

:root {
  /* Background */
  --bg-darker: #05070f;      /* darkest */
  --bg-dark: #0a0e27;        /* dark */
  --surface: #1a1f3a;        /* surface / cards */
  --surface-hover: #252d4d;  /* hover */

  /* Accents */
  --accent-primary: #00d9ff;   /* cyan — primary actions, links, titles */
  --accent-secondary: #ff006e; /* pink — alerts, badges, secondary */
  --accent-tertiary: #8f5af7;  /* purple — tertiary, borders on hover */
  --success: #00ff88;          /* green — success, confirmed, verified */

  /* Text + chrome */
  --text-primary: #e0e0ff;
  --text-muted: #a0a0c0;
  --text-secondary: #a0a0c0;   /* alias of muted (legacy class names) */
  --border: #2d3856;

  /* Typography */
  --font-mono: 'Courier New', 'IBM Plex Mono', monospace;

  /* Severity mapped onto palette only (no inventing oranges/yellows) */
  --severity-critical: var(--accent-secondary); /* pink */
  --severity-high: var(--accent-secondary);     /* pink */
  --severity-medium: var(--accent-tertiary);    /* purple */
  --severity-low: var(--success);               /* green */
  --warning: var(--accent-secondary);           /* alias → pink, not a new hue */
}

/* Forbidden: any hex outside this set for solid fills/text.
   Allowed: rgba() derived from #00d9ff, #ff006e, #8f5af7, #00ff88,
   #05070f, #0a0e27, #1a1f3a, #252d4d, #e0e0ff, #a0a0c0, #2d3856 only. */
