:root {
  --bg: #020617;
  --bg-rgb: 2, 6, 23;
  --bg-secondary: #0a0f1e;
  --surface: #0f172a;
  --surface-2: rgba(255, 255, 255, 0.08);
  --text: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;
  --btn-text: oklch(86.9% 0.022 252.894);
  --btn-text-hover: #ffffff;
  --accent: #6366f1;
  --accent-2: #8b5cf6;
  --accent-3: #a855f7;
  --accent-hover: #a855f7;
  --accent-rgb: 99, 102, 241;
  --border: rgba(255, 255, 255, 0.08);
  --glass-bg: rgba(255, 255, 255, 0.03);
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-card-bg: rgba(255, 255, 255, 0.04);
  --glass-card-border: rgba(255, 255, 255, 0.07);
  --gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  --gradient-text: linear-gradient(135deg, #e0e7ff 0%, #a5b4fc 40%, #818cf8 70%, #c084fc 100%);
  --gradient-text-warm: linear-gradient(135deg, #fdf4ff 0%, #e879f9 40%, #a855f7 100%);
  --tag-text: #a5b4fc;
  --color-success: #10b981;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --overlay-white-04: rgba(255, 255, 255, 0.04);
  --overlay-white-06: rgba(255, 255, 255, 0.06);
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-15: rgba(255, 255, 255, 0.15);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-white-00: rgba(255, 255, 255, 0);
  --overlay-black-30: rgba(0, 0, 0, 0.3);
  --overlay-black-50: rgba(0, 0, 0, 0.5);
  --font-base: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
}