/* Neai Labs — dark theme design tokens
 * Single source of truth for all CSS custom properties.
 * All pages link this file. Do not declare :root variables inline in HTML. */
:root {
  /* ── Backgrounds ── */
  --bg: #06090f;
  --bg-rgb: 6, 9, 15;                 /* for rgba(var(--bg-rgb), α) composition */
  /* --bg-card: semi-transparent, used by marketing pages (gradient bleeds through)
   * --card:    opaque, used by app console panels (consistent contrast)
   * Both are card backgrounds but differ by transparency intent — do not interchange. */
  --bg-card-rgb: 14, 22, 38;
  --bg-card: rgba(var(--bg-card-rgb), 0.8);
  --bg-card-hover-rgb: 22, 34, 58;
  --bg-card-hover: rgba(var(--bg-card-hover-rgb), 0.9);
  --surface: #0e1626;     /* page-level surface (backgrounds behind cards) */
  --card: #0e1626;        /* opaque card bg — same value, different semantic intent */
  --card-alt: #111c30;    /* slightly lighter card variant (console inputs/user info) */

  /* ── Text ── */
  --text: #e8ecf4;
  --text-rgb: 232, 236, 244;
  --text-muted: rgba(var(--text-rgb), 0.75); /* raised from 0.65 → meets WCAG AA on dark bg */

  /* ── Accent ── */
  --accent: #00d68f;
  --accent-rgb: 0, 214, 143;          /* for rgba(var(--accent-rgb), α) composition */
  --on-accent: #06090f;               /* text/icon color on accent-colored backgrounds */
  --accent-dim: rgba(var(--accent-rgb), 0.12);
  --accent-blue: #4da6ff;
  --accent-blue-rgb: 77, 166, 255;
  --accent-purple: #a78bfa;
  --accent-purple-rgb: 167, 139, 250;
  --accent-amber: #f59e0b;
  --accent-amber-rgb: 245, 158, 11;
  /* ── Agent palette (additional accent hues used by agent cards) ── */
  --accent-rose: #f43f5e;
  --accent-rose-rgb: 244, 63, 94;
  --accent-sky: #38bdf8;
  --accent-sky-rgb: 56, 189, 248;
  --accent-violet: #c084fc;
  --accent-violet-rgb: 192, 132, 252;
  --accent-emerald: #34d399;
  --accent-emerald-rgb: 52, 211, 153;

  /* ── Borders ── */
  --white-rgb: 255, 255, 255;         /* for rgba(var(--white-rgb), α) overlays */
  --border: rgba(var(--white-rgb), 0.06);
  --border-accent: rgba(var(--accent-rgb), 0.2);

  /* ── Status ── */
  --warn: #f59e0b;             /* semantic alias of --accent-amber; use for UI status states */
  --warn-bg: rgba(var(--accent-amber-rgb), 0.1);
  --fail: #ef4444;
  --fail-rgb: 239, 68, 68;
  --fail-bg: rgba(var(--fail-rgb), 0.1);

  /* ── Typography ── */
  --font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Shape ── */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-btn: 999px;

  /* ── Spacing ── */
  --space-xs: 8px;
  --space-sm: 16px;
  --space-md: 24px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-2xl: 64px;

  /* ── Z-index ── */
  --z-skip: 9999;
  --z-navbar: 100;
  --z-dropdown: 99;
  --z-content: 1;
}