/* ═══════════════════════════════════════════════════════════ SASIM — Design Tokens (variables.css) Paleta 1: "Claridad Cálida" (dark — default) Paleta 3: "Naturaleza Educativa" (light — alternativa) Cambiar tema = agregar data-theme="light" al . Cambiar paleta = editar este archivo. ═══════════════════════════════════════════════════════════ */ /* ── DARK (default) — Paleta 1: Claridad Cálida ── */ :root { --bg: #0a0a0f; --bg-card: #13131c; --bg-el: #1c1c2a; --border: rgba(255, 255, 255, 0.07); --bglow: rgba(232, 168, 56, 0.28); --tp: #F5F0EB; --tm: #94A3B8; --tf: #3a3a52; --acc: #E8A838; --acc-s: rgba(232, 168, 56, 0.12); --acc-g: rgba(232, 168, 56, 0.22); --acc2: #3B82F6; --acc3: #22C55E; --danger: #EF4444; --tag-dibujo-bg: rgba(239, 68, 68, 0.15); --tag-dibujo-txt: #F87171; --tag-ia-bg: rgba(34, 197, 94, 0.15); --tag-ia-txt: #4ADE80; --tag-familia-bg: rgba(232, 168, 56, 0.15); --tag-familia-txt: #E8A838; --tag-tech-bg: rgba(139, 92, 246, 0.15); --tag-tech-txt: #A78BFA; --fd: 'Outfit', sans-serif; --fb: 'Nunito', sans-serif; --nav-h: 66px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 20px; --radius-full: 100px; --tr: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); --tr-fast: all 0.15s ease; } /* ── LIGHT — Paleta 3: Naturaleza Educativa ── */ [data-theme="light"] { --bg: #F8FAFB; --bg-card: #FFFFFF; --bg-el: #F1F3F5; --border: rgba(0, 0, 0, 0.08); --bglow: rgba(34, 197, 94, 0.2); --tp: #1F2937; --tm: #64748B; --tf: #CBD5E1; --acc: #22C55E; --acc-s: rgba(34, 197, 94, 0.1); --acc-g: rgba(34, 197, 94, 0.18); --acc2: #3B82F6; --acc3: #E8A838; --danger: #EF4444; --tag-dibujo-bg: rgba(239, 68, 68, 0.1); --tag-dibujo-txt: #DC2626; --tag-ia-bg: rgba(34, 197, 94, 0.1); --tag-ia-txt: #16A34A; --tag-familia-bg: rgba(232, 168, 56, 0.1); --tag-familia-txt: #B8860B; --tag-tech-bg: rgba(139, 92, 246, 0.1); --tag-tech-txt: #7C3AED; }