:root {
  /* Color Palette */
  --bg-dark: #0a0b10;
  --bg-card: rgba(18, 20, 29, 0.75);
  --bg-card-hover: rgba(26, 29, 43, 0.85);
  --bg-glass: rgba(255, 255, 255, 0.03);
  --bg-input: #12141f;

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-glow: rgba(236, 72, 153, 0.35);

  --accent-pink: #ec4899;
  --accent-purple: #8b5cf6;
  --accent-cyan: #06b6d4;
  --accent-gradient: linear-gradient(135deg, #ec4899 0%, #8b5cf6 50%, #3b82f6 100%);
  --accent-gradient-hover: linear-gradient(135deg, #f43f5e 0%, #a855f7 50%, #60a5fa 100%);

  --text-main: #f8fafc;
  --text-muted: #94a3b8;
  --text-dim: #64748b;

  --success: #10b981;
  --warning: #f59e0b;
  --danger: #ef4444;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', monospace;

  /* Radius & Shadows */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 9999px;

  --shadow-glow: 0 0 25px rgba(236, 72, 153, 0.25);
  --shadow-card: 0 10px 30px -10px rgba(0, 0, 0, 0.5);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}