:root {
  /* ── Base — gradient-ready darks ──── */
  --black: #000000;
  --surface-0: #000000;
  --surface-1: rgba(160, 180, 220, 0.04);
  --surface-2: rgba(160, 180, 220, 0.07);
  --surface-3: rgba(160, 180, 220, 0.10);
  --border-subtle: rgba(160, 180, 220, 0.10);
  --border-medium: rgba(160, 180, 220, 0.16);

  /* ── Glass ────────────────────────── */
  --glass-bg: rgba(160, 180, 220, 0.05);
  --glass-border: rgba(160, 180, 220, 0.12);
  --glass-hover: rgba(160, 180, 220, 0.08);
  --glass-blur: 0px;

  /* ── Text ─────────────────────────── */
  --text-primary: #e4e4e7;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;
  --text-ghost: #3f3f46;

  /* ── Accent — warm gold ────────── */
  --accent: #e5a53c;
  --accent-dim: rgba(229, 165, 60, 0.15);
  --accent-glow: rgba(229, 165, 60, 0.12);
  --accent-wash: rgba(229, 165, 60, 0.05);

  /* ── Semantic — wash at 5% ─────── */
  --green: #34d399;
  --green-dim: rgba(52, 211, 153, 0.15);
  --green-wash: rgba(52, 211, 153, 0.05);
  --amber: #fbbf24;
  --amber-dim: rgba(251, 191, 36, 0.15);
  --amber-wash: rgba(251, 191, 36, 0.05);
  --red: #f87171;
  --red-dim: rgba(248, 113, 113, 0.15);
  --red-wash: rgba(248, 113, 113, 0.05);
  --cyan: #22d3ee;
  --cyan-dim: rgba(34, 211, 238, 0.12);
  --cyan-wash: rgba(34, 211, 238, 0.05);
  --purple: #a78bfa;
  --purple-dim: rgba(167, 139, 250, 0.12);
  --purple-wash: rgba(167, 139, 250, 0.05);
  --purple-border: rgba(167, 139, 250, 0.3);

  /* ── Typography ────────────────── */
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', monospace;

  /* ── Scale ─────────────────────── */
  --text-xs: 0.6875rem;   /* 11px */
  --text-sm: 0.75rem;     /* 12px */
  --text-base: 0.8125rem; /* 13px */
  --text-md: 0.875rem;    /* 14px */
  --text-lg: 1rem;        /* 16px */
  --text-xl: 1.25rem;     /* 20px */
  --text-2xl: 1.5rem;     /* 24px */
  --text-3xl: 2rem;       /* 32px */

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

  /* ── Radius ────────────────────── */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;

  /* ── Depth ─────────────────────── */
  --shadow-card: 0 2px 8px rgba(0,0,0,0.6), 0 0 1px rgba(160,180,220,0.15), inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-elevated: 0 8px 32px rgba(0,0,0,0.7), 0 0 1px rgba(160,180,220,0.2), inset 0 1px 0 rgba(255,255,255,0.08);
  --shadow-glow-green: 0 0 16px rgba(52, 211, 153, 0.25);
  --shadow-glow-amber: 0 0 16px rgba(251, 191, 36, 0.25);
  --shadow-glow-red: 0 0 16px rgba(248, 113, 113, 0.25);

  /* ── Transitions ───────────────── */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --duration-fast: 120ms;
  --duration-normal: 200ms;
  --duration-slow: 350ms;

  /* ── Layout ────────────────────── */
  --topbar-height: 56px;
  --row-height: 36px;
}