/* ============================================================== NutriKidsClub — theme.css Variables de tema. Modo claro = paleta oficial. Modo oscuro = paleta aprobada por el owner (Fase 0). El cambio de tema se hace con [data-theme] en (ver app.js). ============================================================== */ :root { /* ---- MODO CLARO (oficial) ---- */ --nk-bg: #CFE3FF; --nk-surface: #FFFFFF; --nk-surface-elevated: #FFFFFF; --nk-primary: #0D3368; --nk-primary-hover: #0A284F; --nk-secondary: #6FC400; --nk-tertiary: #F9CD80; --nk-accent: #B1350C; --nk-text: #000000; --nk-text-secondary: #3A4A5E; --nk-text-muted: #6B7A8D; --nk-border: rgba(13, 51, 104, 0.15); /* Botones */ --nk-btn-bg: #0D3368; --nk-btn-text: #FFFFFF; --nk-cta-bg: #6FC400; --nk-cta-text: #0B1E36; /* Semánticos (seguridad de alérgenos) */ --nk-safe: #4F9A00; --nk-warning: #B8860B; --nk-danger: #B1350C; /* Tipografía */ --nk-font-title: "Feather Bold", "Nunito", system-ui, sans-serif; --nk-font-body: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* Forma y espacio */ --nk-radius: 16px; --nk-radius-sm: 10px; --nk-shadow: 0 6px 20px rgba(13, 51, 104, 0.12); --nk-space: 16px; color-scheme: light; } /* ---- MODO OSCURO (aprobado) ---- */ [data-theme="dark"] { --nk-bg: #0B1E36; --nk-surface: #122C4D; --nk-surface-elevated: #1A3B63; --nk-primary: #6FB4FF; --nk-primary-hover: #8FC6FF; --nk-secondary: #8BD94A; --nk-tertiary: #FFD98A; --nk-accent: #FF7A4D; --nk-text: #F4F8FF; --nk-text-secondary: #BFD2E8; --nk-text-muted: #7E93AD; --nk-border: rgba(255, 255, 255, 0.12); --nk-btn-bg: #2E6BE6; --nk-btn-text: #FFFFFF; --nk-cta-bg: #6FC400; --nk-cta-text: #0B1E36; --nk-safe: #8BD94A; --nk-warning: #FFB020; --nk-danger: #FF5A4D; --nk-shadow: 0 6px 20px rgba(0, 0, 0, 0.45); color-scheme: dark; }