:root {

  /* 🎨 Colores */
  --bg: #0b0f1a;
  --bg-soft: #111827;
  --card: #161c2d;

  --primary: #7c3aed;
  --primary-hover: #6d28d9;

  --accent: #22c55e;
  --danger: #ef4444;

  --text: #e5e7eb;
  --text-soft: #9ca3af;

  /* 🧠 UI */
  --radius: 12px;
  --radius-lg: 20px;

  --shadow: 0 10px 30px rgba(0,0,0,0.4);

  /* 🔥 Gradientes */
  --gradient-main: linear-gradient(135deg, #7c3aed, #22c55e);
}