/* ============================================================ ProfeAcademī · Reemplazos — Paleta de tema (claro/oscuro) Variables CSS consumidas por reemplazos.css. El cambio de tema lo gestiona theme-manager.js alternando la clase del (theme-light / theme-dark / theme-rosa / theme-neon). ============================================================ */ :root { /* Por defecto = oscuro (coherente con el resto de apps sin theme-light). */ --pa-r-bg: rgba(17, 24, 39, 0.72); --pa-r-card: rgba(31, 41, 55, 0.92); --pa-r-card-2: rgba(17, 24, 39, 0.65); --pa-r-border: rgba(255, 255, 255, 0.10); --pa-r-text: #f3f4f6; --pa-r-text-soft: #cbd5e1; --pa-r-muted: #94a3b8; --pa-r-accent: #7c3aed; --pa-r-accent-2: #a855f7; --pa-r-accent-text: #ffffff; --pa-r-success: #10b981; --pa-r-danger: #ef4444; --pa-r-warning: #f59e0b; --pa-r-chip: rgba(124, 58, 237, 0.18); --pa-r-input-bg: rgba(15, 23, 42, 0.8); --pa-r-shadow: 0 14px 40px rgba(0, 0, 0, 0.45); --pa-r-badge-pend-bg: rgba(245, 158, 11, 0.20); --pa-r-badge-pend-fg: #fbbf24; --pa-r-badge-ok-bg: rgba(16, 185, 129, 0.20); --pa-r-badge-ok-fg: #34d399; --pa-r-badge-no-bg: rgba(239, 68, 68, 0.20); --pa-r-badge-no-fg: #f87171; } body.theme-light { --pa-r-bg: rgba(255, 255, 255, 0.55); --pa-r-card: #ffffff; --pa-r-card-2: #f8fafc; --pa-r-border: rgba(15, 23, 42, 0.08); --pa-r-text: #1f2937; --pa-r-text-soft: #374151; --pa-r-muted: #6b7280; --pa-r-accent: #7c3aed; --pa-r-accent-2: #9333ea; --pa-r-accent-text: #ffffff; --pa-r-success: #059669; --pa-r-danger: #dc2626; --pa-r-warning: #d97706; --pa-r-chip: rgba(124, 58, 237, 0.10); --pa-r-input-bg: #ffffff; --pa-r-shadow: 0 10px 30px rgba(2, 6, 23, 0.10); --pa-r-badge-pend-bg: rgba(217, 119, 6, 0.14); --pa-r-badge-pend-fg: #b45309; --pa-r-badge-ok-bg: rgba(5, 150, 105, 0.14); --pa-r-badge-ok-fg: #047857; --pa-r-badge-no-bg: rgba(220, 38, 38, 0.12); --pa-r-badge-no-fg: #b91c1c; } /* Rosa y neón reutilizan el set oscuro con un acento propio. */ body.theme-rosa { --pa-r-accent: #ec4899; --pa-r-accent-2: #f472b6; --pa-r-chip: rgba(236, 72, 153, 0.18); } body.theme-neon { --pa-r-accent: #22d3ee; --pa-r-accent-2: #06b6d4; --pa-r-chip: rgba(34, 211, 238, 0.18); --pa-r-accent-text: #06121a; }