/* ============================================================= * refresh-tokens.css * Variables de diseño (paleta Diputación de Badajoz, radios, * sombras, espaciados) para el refresco visual. * * Cargado DESPUÉS de style.bundle.css y de las skins. No toca * ningún selector Metronic: solo declara tokens consumidos por * refresh-light.css y refresh-dark.css. * ============================================================= */ :root { /* Marca */ --mv-primary: #C8102E; --mv-primary-600: #9E0B23; --mv-primary-400: #E63950; --mv-primary-soft: rgba(200, 16, 46, 0.10); /* Superficies modo claro */ --mv-bg: #F6F7FB; --mv-surface: #FFFFFF; --mv-surface-alt: #F1F3F8; --mv-text: #111827; --mv-text-soft: #374151; --mv-muted: #6B7280; --mv-border: #E5E7EB; --mv-border-soft: #EEF0F3; /* Estados */ --mv-success: #0EA371; --mv-success-soft: rgba(14, 163, 113, 0.12); --mv-warning: #F59E0B; --mv-warning-soft: rgba(245, 158, 11, 0.14); --mv-info: #3B82F6; --mv-info-soft: rgba(59, 130, 246, 0.12); --mv-danger: #C8102E; --mv-danger-soft: rgba(200, 16, 46, 0.12); /* Radios */ --mv-r-xs: 6px; --mv-r-sm: 8px; --mv-r-md: 12px; --mv-r-lg: 16px; --mv-r-pill: 999px; /* Sombras */ --mv-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04); --mv-shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06), 0 1px 2px rgba(15, 23, 42, 0.04); --mv-shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08); --mv-shadow-lg: 0 12px 32px rgba(15, 23, 42, 0.12); /* Transición estándar */ --mv-trans: 160ms ease-in-out; } /* Modo oscuro — activado por o */ html.theme-dark, body.theme-dark { --mv-bg: #0B1220; --mv-surface: #131A2B; --mv-surface-alt: #1B2236; --mv-text: #E5E7EB; --mv-text-soft: #CBD5E1; --mv-muted: #9CA3AF; --mv-border: #1F2937; --mv-border-soft: #1A2233; --mv-primary-soft: rgba(230, 57, 80, 0.18); --mv-success-soft: rgba(14, 163, 113, 0.22); --mv-warning-soft: rgba(245, 158, 11, 0.22); --mv-info-soft: rgba(59, 130, 246, 0.22); --mv-danger-soft: rgba(230, 57, 80, 0.22); --mv-shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4); --mv-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.45), 0 1px 2px rgba(0, 0, 0, 0.35); --mv-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.45); --mv-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.55); }