/* ═══════════════════════════════════════════
   Ofertas Hoy! — Variables de Diseño
   Paleta oficial del proyecto
   ═══════════════════════════════════════════ */

:root {
    /* Colores principales */
    --color-mostaza:     #FFBC59; /* El color del flyer del Chef */
    --color-dorado:      #E5A340; /* Un tono sutilmente más oscuro para sombreados */
    --color-naranja:     #F0A830;
    --color-rojo:        #E31E24;
    --color-negro:       #1A1A1A;
    --color-negro-puro:  #000000;
    --color-gris-oscuro: #111111;
    --color-gris:        #2A2A2A;
    --color-gris-medio:  #888888;
    --color-blanco:      #FFFFFF;
    --color-fondo-warm:  #C8A96E;

    /* Tipografías */
    --font-titulo:  'Playfair Display', Georgia, serif;
    --font-cuerpo:  'Inter', 'Segoe UI', Arial, sans-serif;
    --font-cursiva: 'Pacifico', cursive; /* Fuente pincel grueso */

    /* Sombras */
    --sombra-suave:  0 2px 8px rgba(0, 0, 0, 0.2);
    --sombra-fuerte: 0 4px 20px rgba(0, 0, 0, 0.4);
    --sombra-texto:  2px 2px 4px rgba(0, 0, 0, 0.5);

    /* Bordes */
    --radio-boton: 50px;
    --radio-tarjeta: 12px;
}

/* Reset básico */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family: var(--font-cuerpo);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}