/* =============================================================
   VARIABLES — solo editar este archivo por proyecto
   ============================================================= */
:root {
    /* ── COLORES ── */
    --color-primary:     #46512C;   /* verde oscuro principal */
    --color-secondary:   #75834A;   /* verde acción */
    --color-accent:      #C29B52;   /* dorado acento */
    --color-danger:      #B05C33;   /* terracota / alertas */
    --color-bg:          #F6F1E6;   /* fondo general (crema) */
    --color-surface:     #FFFFFF;   /* tarjetas, modales */
    --color-text:        #23281C;   /* texto principal */
    --color-text-muted:  #6F6C59;   /* texto secundario */
    --color-border:      #DCD4BE;

    /* ── WHATSAPP ── */
    --color-whatsapp:    #25d366;

    /* ── TIPOGRAFÍA ── */
    --font-body:         'Inter', system-ui, sans-serif;
    --font-heading:      'Playfair Display', Georgia, serif;
    --font-accent:       'Caveat', cursive;
    --font-size-base:    1.6rem;    /* 16px con 62.5% base */

    /* ── ESPACIADO ── */
    --space-xs:   0.4rem;
    --space-sm:   0.8rem;
    --space-md:   1.6rem;
    --space-lg:   3.2rem;
    --space-xl:   6.4rem;

    /* ── LAYOUT ── */
    --container-max:     128rem;
    --container-pad:     2rem;
    --radius-sm:         0.4rem;
    --radius-md:         0.8rem;
    --radius-lg:         2rem;
    --radius-pill:       10rem;

    /* ── SOMBRAS ── */
    --shadow-sm:  0 1px 4px rgba(0,0,0,.08);
    --shadow-md:  0 4px 16px rgba(0,0,0,.12);
    --shadow-lg:  0 8px 32px rgba(0,0,0,.18);

    /* ── TRANSICIONES ── */
    --transition: .2s ease;

    /* =========================================================
       SISTEMA PENCIL — tokens del diseño (machupicchuglory.pen)
       Usados en las páginas de tours/about/contact. No rompen
       los --color-* de arriba.
       ========================================================= */
    --mpg-cream:           #F6F1E6;
    --mpg-cream-light:     #FBF8EF;
    --mpg-cream-alt:       #F4EFE3;
    --mpg-sand:            #DCD4BE;
    --mpg-gold:            #C29B52;
    --mpg-terracotta:      #B05C33;
    --mpg-olive:           #75834A;
    --mpg-forest:          #46512C;
    --mpg-dark-green:      #23281C;
    --mpg-dark-green-2:    #22291C;
    --mpg-near-black:      #171D10;
    --mpg-text-muted:      #6F6C59;

    --mpg-background:      var(--mpg-cream);
    --mpg-surface:         #FFFFFF;
    --mpg-text:            var(--mpg-dark-green);
    --mpg-text-secondary:  var(--mpg-text-muted);
    --mpg-text-on-dark:        var(--mpg-cream-light);
    --mpg-text-on-dark-muted:  #C4C7B4;
    --mpg-border-subtle:   var(--mpg-sand);

    --mpg-grad-gold:     linear-gradient(0deg,  #B05C33 0%, #C29B52 100%);
    --mpg-grad-gold-135: linear-gradient(135deg, #B05C33 0%, #C29B52 100%);
    --mpg-grad-inquiry:  linear-gradient(115deg, #23281C 0%, #46512C 100%);
    --mpg-scrim-hero:    linear-gradient(180deg, rgba(23,29,16,.70) 0%, rgba(23,29,16,.35) 40%, rgba(23,29,16,.95) 100%);

    --mpg-radius-card: 2rem;
    --mpg-radius-pill: 999px;
    --mpg-shadow-card: 0 1.2rem 3rem rgba(23,29,16,.14);

    --mpg-font-heading: 'Playfair Display', Georgia, serif;
    --mpg-font-body:    'Inter', system-ui, sans-serif;
    --mpg-font-accent:  'Caveat', cursive;
}