/**
 * Variables CSS - Colores y valores reutilizables
 * Tema Violeta Pastel Unificado
 */

:root {
  /* Colores principales - Tema Violeta */
  --primary-purple: #9370db;
  --primary-purple-light: #b19cd9;
  --primary-purple-dark: #7e22ce;
  --primary-purple-rgb: 147, 112, 219;
  
  /* Colores secundarios */
  --accent-violet: #da70d6;
  --accent-lavender: #b19cd9;
  --accent-pink: #dab7e3;
  --light-purple: #d8bfd8;
  --dark-purple: #8a2be2;
  
  /* Fondos */
  --bg-cream: #f8f4ff;
  --bg-white: #ffffff;
  --bg-white-transparent: rgba(255, 255, 255, 0.55);
  --bg-white-transparent-light: rgba(255, 255, 255, 0.7);
  --bg-white-transparent-heavy: rgba(255, 255, 255, 0.85);
  --bg-modal-overlay: rgba(147, 112, 219, 0.25);
  --bg-modal-overlay-light: rgba(196, 165, 214, 0.15);
  --bg-media-container: rgba(26, 26, 46, 0.3);
  
  /* Texto */
  --text-dark: #4a4a4a;
  --text-purple: #9370db;
  --text-purple-dark: #7e22ce;
  --text-white: #ffffff;
  
  /* Bordes y sombras */
  --border-purple: rgba(196, 165, 214, 0.3);
  --border-purple-light: rgba(196, 165, 214, 0.2);
  --border-purple-dark: rgba(147, 112, 219, 0.4);
  --shadow-purple: rgba(138, 92, 175, 0.2);
  --shadow-purple-light: rgba(177, 156, 217, 0.15);
  --shadow-purple-dark: rgba(138, 43, 226, 0.25);
  
  /* Gradientes estándar */
  --gradient-purple: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(248, 244, 255, 0.98) 100%);
  --gradient-purple-dark: linear-gradient(135deg, var(--primary-purple) 0%, var(--accent-violet) 100%);
  --gradient-modal-bg: linear-gradient(135deg, rgba(138, 43, 226, 0.9) 0%, rgba(147, 112, 219, 0.95) 100%);
}