/* =============================================================================
   Escuela PIB 2 — Tema claro (default)
   ============================================================================= */

html[data-tema="claro"], html:not([data-tema]) {
    --color-fondo: #F7F3E9;
    --color-superficie: #FFFFFF;
    --color-superficie-alt: #F1E9D8;
    --color-superficie-borde: #ECE3CE;

    --color-texto: #2E2B26;
    --color-texto-secundario: #68645A;
    --color-texto-muy-sutil: #999280;
    --color-texto-inverso: #F7F3E9;

    --color-enlace: #8C5E3C;
    --color-enlace-hover: #4B2F18;

    --color-borde: #DDD2BC;
    --color-borde-fuerte: #C8B996;
    --color-borde-sutil: #ECE3CE;

    --color-exito: #2C5E3E;
    --color-exito-fondo: #E2F0E6;
    --color-informacion: #4A6B8A;
    --color-informacion-fondo: #E5EDF5;
    --color-advertencia: #B68A2D;
    --color-advertencia-fondo: #F5EBD3;
    --color-error: #A33B2B;
    --color-error-fondo: #F5DDD8;
    --color-peligro: #6F1F18;
    --color-peligro-fondo: #E9C8C2;

    --sombra-xs: 0 1px 2px rgba(75, 47, 24, 0.04);
    --sombra-sm: 0 1px 3px rgba(75, 47, 24, 0.08), 0 1px 2px rgba(75, 47, 24, 0.04);
    --sombra-md: 0 4px 6px rgba(75, 47, 24, 0.07), 0 2px 4px rgba(75, 47, 24, 0.04);
    --sombra-lg: 0 10px 15px rgba(75, 47, 24, 0.10), 0 4px 6px rgba(75, 47, 24, 0.05);
    --sombra-xl: 0 20px 25px rgba(75, 47, 24, 0.10), 0 10px 10px rgba(75, 47, 24, 0.04);
}

/* Botón de cambio de tema — icono por defecto luna */
html[data-tema="claro"] [data-icono-tema] svg { display: inline; }
html[data-tema="oscuro"] [data-icono-tema] svg { display: inline; }