/* =========================================================
   CERNUNNOS – RESTAURANTE MEXICANO · variables.css
   Sobrescribe completamente los tokens del tema base.
   ========================================================= */
:root {
    /* Paleta principal */
    --mx-yellow:  #F7C948;
    --mx-red:     #CC2936;
    --mx-green:   #2DC653;
    --mx-dark:    #1a1a1a;
    --mx-white:   #FFFFFF;
    --mx-cream:   #FEF3C7;

    /* Mapeo a los tokens del padre */
    --color-primary:    #1a1a1a;
    --color-secondary:  #CC2936;
    --color-bg:         #FFFFFF;
    --color-surface:    #FEF9EE;
    --color-text:       #1a1a1a;
    --color-text-light: #555555;
    --color-heading:    #1a1a1a;
    --color-border:     rgba(26,26,26,0.15);
    --color-hero-text:  #FFFFFF;

    /* Hero degradado — lo sobreescribimos con el hero JS/CSS */
    --hero-gradient-start: #1a1a1a;
    --hero-gradient-end:   #2d1a00;

    /* Tipografía */
    --font-heading: 'Montserrat', sans-serif;
    --font-body:    'Inter', sans-serif;

    /* Espaciado (heredado del padre) */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 64px;

    /* Efectos */
    --transition:        all 0.3s ease;
    --ease-out-expo:     cubic-bezier(0.16, 1, 0.3, 1);
    --border-radius:     6px;
    --shadow-sm:         0 2px 8px rgba(0,0,0,0.1);
    --shadow-md:         0 8px 32px rgba(0,0,0,0.15);
    --shadow-red:        0 8px 32px rgba(204,41,54,0.35);
}