/* public/assets/styles/theme.css */

/* TEMA CLARO (Por defecto - Minimalista y Pastel) */
:root {
    --bg-main: #FCF6EE;       /* Crema muy claro (extremo izquierdo) */
    --bg-card: #F5E8D6;       /* Crema base */
    --color-border: #E2CDAE;  /* Tono arena para bordes sutiles */
    --color-border-subtle: #EDE1CF; /* Separadores entre items de lista */
    --color-text: #3D261A;    /* Marrón muy oscuro (extremo derecho) */
    --color-text-muted: #8B6E55; /* Marrón medio/grisáceo */
    
    --color-accent: #FA7C1E;  /* Naranja pastel/vivo central */
    --color-accent-dark: #E06000; /* Naranja oscurecido para hover/degradados */

    /* Macro colors — nutrición */
    --color-carbos: #472403;
    --color-prot: #f26c22;
    --color-grasa: #d4a24e;
}

/* TEMA OSCURO (Clase de utilidad) */
.theme-dark {
    --bg-main: #1A130F;       /* Marrón casi negro */
    --bg-card: #281F18;       /* Marrón oscuro */
    --color-border: #42352B;  /* Marrón medio para separadores */
    --color-border-subtle: #332820; /* Separadores entre items de lista */
    --color-text: #FCF6EE;    /* Crema claro (invertido) */
    --color-text-muted: #B39C8A; /* Crema apagado */
    
    /* El acento se mantiene para identidad de marca */
    --color-accent: #FA7C1E;  
    --color-accent-dark: #E06000;

    /* Macro colors — nutrición (visibles sobre fondo oscuro) */
    --color-carbos: #c47a3a;   /* Ámbar cálido (era #472403) */
    --color-prot: #f26c22;     /* Naranja (sin cambio) */
    --color-grasa: #f5e6c8;    /* Crema suave */
}

/* ═══════════════════════════════════════════════
   ANIMACIONES DE APARICIÓN (SCROLL REVEAL)
   Activas en: entrenos, progreso, explorar, creador
   Excluidas en: soporte, perfil (no llevan .byu-reveal)
═══════════════════════════════════════════════ */
.byu-reveal {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.4s ease, transform 0.45s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.byu-visible {
    opacity: 1;
    transform: translateY(0);
}