/* ========================================================================= theme.css — Tokens de diseño centralizados (ÚNICA fuente de verdad). Cambiar un valor aquí reskinea TODO el sitio a la vez: panel de admin, portal público, landing, login y recuperación de contraseña. Antes cada plantilla tenía su propio bloque :root duplicado; ahora todas leen de acá. Para PROBAR un diseño alternativo sin tocar el default: agregá el atributo data-theme a la etiqueta , p. ej. . Definí abajo tantos temas como quieras y conmutalos cambiando ese atributo. ========================================================================= */ :root { /* Paleta base */ --bg: #f4f6fb; --bg-alt: #ffffff; --border: #dde3f0; --primary: #004f9f; --primary-strong: #003671; --primary-soft: rgba(0, 79, 159, 0.08); --text: #111827; --muted: #6b7280; --success: #16a34a; --success-soft: rgba(22, 163, 74, 0.08); --danger: #ef4444; --accent: #3b82f6; --accent-hover: #2563eb; /* Forma y profundidad */ --radius: 18px; --shadow: 0 14px 40px rgba(15, 23, 42, 0.06); --shadow-hover: 0 18px 55px rgba(15, 23, 42, 0.10); /* Fondo de página (lo usan todas las plantillas en su body) */ --page-bg: radial-gradient(circle at top, #e0ecff 0, #f4f6fb 40%, #f9fafb 100%); /* Alias usados en el panel (dashboard) que antes quedaban indefinidos y caían a valores de fallback. Mapeados a los tokens canónicos para que esos ~31 usos rendericen con la intención de diseño. */ --primary-light: #2e6fc0; /* primary más claro para encabezados/acentos */ --border-color: var(--border); /* divisores sutiles */ --text-muted: var(--muted); /* texto secundario */ } /* --- Tema alternativo de EJEMPLO (opt-in, no afecta el default) ----------- Demuestra cómo reskinear todo el sitio cambiando solo tokens. Activarlo: . Borralo o duplicalo a gusto. */ html[data-theme="esmeralda"] { --primary: #0f766e; --primary-strong: #115e59; --primary-soft: rgba(15, 118, 110, 0.08); --accent: #10b981; --accent-hover: #059669; --page-bg: radial-gradient(circle at top, #d1fae5 0, #f0fdf4 40%, #f9fafb 100%); }