/*
Theme Name:  Gran Almazara Child
Theme URI:   https://granalmazara.com
Description: Tema hijo de Astra para Gran Almazara — AOVE artesanal premium de Murcia.
Author:      Gran Almazara
Author URI:  https://granalmazara.com
Template:    astra
Version:     2.0.0
Text Domain: gran-almazara-child
License:     GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* ==========================================================================
   VARIABLES GLOBALES — SISTEMA DE DISEÑO GRAN ALMAZARA
   Usar SIEMPRE estas variables. Nunca colores o fuentes hardcodeados.
   ========================================================================== */

:root {

    /* ——— PALETA DE COLOR ——— */
    --ga-verde-oliva-oscuro:  #4a4a2f;   /* Principal: textos, fondos oscuros  */
    --ga-naranja-apagado:     #c7a862;   /* Acento dorado: CTAs, botones       */
    --ga-naranja-claro:       #F9F6EE;   /* Fondo suave: secciones claras */
    --ga-amarillo-pastel:     #c3c4aa;   /* Fondo alternativo: blog            */
    --ga-verde-montanas:      #7f8649;   /* Secundario: subtítulos, elementos  */
    --ga-marron-oscuro:       #46341f;   /* Detalle cálido                     */
    --ga-blanco:              #ffffff;

    /* ——— TIPOGRAFÍA ——— */
    --ga-font-display: 'Cormorant Garamond', Georgia, serif;  /* Títulos */
    --ga-font-body:    'Inter', -apple-system, sans-serif;    /* Cuerpo  */

    /* ——— PESOS TIPOGRÁFICOS ——— */
    --ga-weight-light:  300;
    --ga-weight-normal: 400;
    --ga-weight-medium: 500;
    --ga-weight-bold:   700;

    /* ——— ESCALA TIPOGRÁFICA ——— */
    --ga-text-xs:   0.75rem;    /*  12px */
    --ga-text-sm:   0.875rem;   /*  14px */
    --ga-text-base: 1rem;       /*  16px */
    --ga-text-lg:   1.125rem;   /*  18px */
    --ga-text-xl:   1.25rem;    /*  20px */
    --ga-text-2xl:  1.5rem;     /*  24px */
    --ga-text-3xl:  1.875rem;   /*  30px */
    --ga-text-4xl:  2.25rem;    /*  36px */
    --ga-text-5xl:  3rem;       /*  48px */
    --ga-text-6xl:  4rem;       /*  64px */

    /* ——— ESPACIADO ——— */
    --ga-space-xs:  0.5rem;     /*   8px */
    --ga-space-sm:  1rem;       /*  16px */
    --ga-space-md:  1.5rem;     /*  24px */
    --ga-space-lg:  2.5rem;     /*  40px */
    --ga-space-xl:  4rem;       /*  64px */
    --ga-space-2xl: 6rem;       /*  96px */
    --ga-space-3xl: 8rem;       /* 128px */

    /* ——— LAYOUT ——— */
    --ga-max-width:         1280px;
    --ga-nav-height:        80px;
    --ga-nav-height-mobile: 64px;

    /* ——— RADIOS ——— */
    --ga-radius-sm:   4px;
    --ga-radius-md:   8px;
    --ga-radius-full: 9999px;

    /* ——— SOMBRAS (cálidas, nunca grises frías) ——— */
    --ga-shadow-sm: 0 1px 3px  rgba(74, 74, 47, 0.12);
    --ga-shadow-md: 0 4px 16px rgba(74, 74, 47, 0.15);
    --ga-shadow-lg: 0 8px 32px rgba(74, 74, 47, 0.20);

    /* ——— TRANSICIONES ——— */
    --ga-transition-fast:   150ms ease;
    --ga-transition-normal: 300ms ease;
    --ga-transition-slow:   500ms ease;
    --ga-transition:        250ms ease;   /* alias genérico */
}