:root {
  /* ── Surfaces (gris azulado ultra oscuro) ── */
  --surface-root: #0b0b14;
  --surface-deep: #0f0f1a;
  --surface-mid: #161626;
  --surface-elevated: #1d1d33;
  --surface-overlay: #222240;

  /* ── Borders ── */
  --border-subtle: #252545;
  --border-default: #2e2e52;
  --border-strong: #3a3a60;

  /* ── Primary: Purple / Violeta Electrico ── */
  --brand-primary: #8b5cf6;
  --brand-primary-hover: #9d74f7;
  --brand-primary-glow: rgba(139, 92, 246, 0.40);
  --brand-primary-glow-soft: rgba(139, 92, 246, 0.16);

  /* ── High Energy: Fuchsia Neon (Boost) ── */
  --brand-fuchsia: #f026a8;
  --brand-fuchsia-hover: #f24db8;
  --brand-fuchsia-glow: rgba(240, 38, 168, 0.45);
  --brand-fuchsia-glow-soft: rgba(240, 38, 168, 0.18);

  /* ── Semantic ── */
  --semantic-success: #10b981;
  --semantic-success-bg: rgba(16, 185, 129, 0.12);
  --semantic-warning: #f59e0b;
  --semantic-warning-bg: rgba(245, 158, 11, 0.12);
  --semantic-danger: #ef4444;
  --semantic-danger-bg: rgba(239, 68, 68, 0.12);
  --semantic-info: #38bdf8;
  --semantic-info-bg: rgba(56, 189, 248, 0.12);

  /* ── Text ── */
  --text-primary: #f0f0f5;
  --text-secondary: #8a8a9e;
  --text-muted: #5a5a72;
  --text-inverse: #0b0b14;

  /* ── Typography ── */
  --font-display: 'Manrope', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;

  /* ── Spacing (4px base) ── */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;

  /* ── Radii ── */
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 999px;

  /* ── Shadows & Glows ── */
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --shadow-elevated: 0 12px 40px rgba(0, 0, 0, 0.55);
  --glow-primary: 0 0 20px var(--brand-primary-glow), 0 0 48px var(--brand-primary-glow-soft);
  --glow-fuchsia: 0 0 20px var(--brand-fuchsia-glow), 0 0 48px var(--brand-fuchsia-glow-soft);

  /* ── Transitions ── */
  --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Layout ── */
  --sidebar-width: 260px;
  --sidebar-collapsed: 72px;
  --header-height: 64px;
}