:root {
  /* 🎨 COLORES PRINCIPALES */
  --primary: #4B0082;   /* Morado (branding) */
  --cta: #32CD32;       /* Verde lima (botones acción) */

  /* 🧠 COLORES DE SOPORTE */
  --text: #333333;
  --background: #f8f9fa;
  --border: #e5e5e5;

  /* ✨ OPCIONALES (MEJOR NIVEL) */
  --primary-hover: #3a0066;
  --cta-hover: #28a428;
  --primary-soft: #f3e8ff;
}