/*
Theme Name: ALONSO CAFE
Theme URI: http://tu-sitio.com/gastro
Author: Tu Nombre
Description: Plantilla base reutilizable para restaurantes elegantes.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: ALONSO CAFE
*/

/* ==========================================================================
   IMPORTAR FUENTE (GOOGLE FONTS)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
    /* --- PALETA DE COLORES (Alonso Cafe) --- */
    --brand-black: #000000;
    --brand-dark: #0a0a0c;
    --brand-card: #121215;
    --brand-gray: #86868b;
    --brand-light: #f5f5f7;
    --brand-accent: #e5e5e5;

    /* --- MAPEO DE VARIABLES ANTERIORES A LA NUEVA PALETA --- */
    --gastro-primary: var(--brand-accent);    /* El color de acción pasa al acento claro */
    --gastro-secondary: var(--brand-black);   /* Textos y elegancia en negro puro */
    --gastro-accent: var(--brand-gray);       /* Contrastes secundarios en gris */
    
    /* --- COLORES DE FONDO PARA SECCIONES --- */
    --bg-light: var(--brand-light);           /* Fondo blanco/claro */
    --bg-cream: var(--brand-card);            /* Fondo oscuro para tarjetas/secciones alternas */
    --bg-dark: var(--brand-dark);             /* Fondo oscuro profundo */
    
    /* --- TIPOGRAFÍA --- */
    --font-heading: 'Poppins', sans-serif; 
    --font-body: 'Poppins', sans-serif;

    /* --- TAMAÑOS DE ENCABEZADOS --- */
    --h1-size: 3.5rem;
    --h2-size: 2.5rem;            
    --h3-size: 1.75rem;
    --body-size: 1rem;

    /* --- BOTONES (Estilos y Colores) --- */
    /* Botón 1: Principal */
    --btn-1-bg: var(--gastro-primary);
    --btn-1-text: var(--brand-black); /* Cambiado a negro para que contraste con el fondo claro del acento */
    
    /* Botón 2: Outline Elegante */
    --btn-2-border: var(--gastro-secondary);
    --btn-2-text: var(--gastro-secondary);
    
    /* Botón 3: Minimalista */
    --btn-3-text: var(--gastro-accent);

    /* --- MISCELÁNEA --- */
    --gastro-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    --gastro-spacing: 5rem;       
}

/* --- APLICACIÓN INICIAL DEL ESQUELETO --- */

body {
    font-family: var(--font-body);
    font-size: var(--body-size);
    color: var(--gastro-secondary);
    background-color: var(--bg-light);
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-family: var(--font-heading);
    font-size: var(--h1-size);
    font-weight: 700;
    letter-spacing: -1px;
}

h2 {
    font-family: var(--font-heading);
    font-size: var(--h2-size); 
    font-weight: 600;
}

h3 {
    font-family: var(--font-heading);
    font-size: var(--h3-size);
    font-weight: 500;
}

/* Fondos de sección para usar en main.css */
.section-light { background-color: var(--bg-light); padding: var(--gastro-spacing) 0; }
.section-accent { background-color: var(--bg-cream); padding: var(--gastro-spacing) 0; }
.section-dark { background-color: var(--bg-dark); color: var(--brand-light); padding: var(--gastro-spacing) 0; }