/* Variables CSS Globales - Tema Dinámico */

:root {
    /* Los colores se inyectan dinámicamente desde settings mediante PHP, */
    /* pero definimos los valores fallback aquí: */
    --primary-color: #1e40af;       /* Azul Principal */
    --secondary-color: #0d9488;     /* Verde Secundario/Teal */
    --bg-color: #f8fafc;            /* Fondo gris pizarra claro */
    --text-color: #1e293b;          /* Texto oscuro slate-800 */
    --text-light: #64748b;         /* Texto claro slate-500 */
    
    /* Variables de Estructura Fija */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 70px;
    --header-height: 70px;
    --border-radius: 12px;
    --border-radius-sm: 6px;
    --transition-speed: 0.3s;
    
    /* Paleta Estándar de Notificaciones y Roles */
    --success-color: #10b981;       /* Esmeralda */
    --warning-color: #f59e0b;       /* Ámbar */
    --danger-color: #ef4444;        /* Rojo */
    --info-color: #3b82f6;          /* Azul brillante */
    
    /* Sombras y Glassmorphism */
    --box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --box-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --glass-bg: rgba(255, 255, 255, 0.7);
    --glass-border: rgba(255, 255, 255, 0.4);
    --glass-blur: blur(8px);
}