/* =============================================================
   VARIABLES — solo editar este archivo por proyecto
   ============================================================= */
:root {
    /* ── COLORES ── */
    --color-primary:     #313552;   /* azul oscuro principal */
    --color-secondary:   #1cb26a;   /* verde acción */
    --color-accent:      #f6b433;   /* amarillo acento */
    --color-danger:      #f74848;   /* rojo alertas */
    --color-bg:          #eeeeee;   /* fondo general */
    --color-surface:     #ffffff;   /* tarjetas, modales */
    --color-text:        #1a1a2e;   /* texto principal */
    --color-text-muted:  #666680;   /* texto secundario */
    --color-border:      #e0e0e0;

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

    /* ── TIPOGRAFÍA ── */
    --font-body:         'Noto Sans', sans-serif;
    --font-heading:      'Cormorant Garamond', Georgia, serif;
    --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 (ui - soncco adventures.pen)
       Usados en las páginas de tours. No rompen los --color-* de arriba.
       ========================================================= */

    /* Paleta Soncco (de Pencil) */
    --son-primary-blue:    #1F4768;
    --son-secondary-green: #3E775E;
    --son-deep-burgundy:   #752632;   /* acento principal de tours */
    --son-rose-red:        #AF4462;   /* gradiente con burgundy */
    --son-warm-sand:       #D89674;
    --son-accent-green:    #B4D882;

    --son-background:      #F8F8F5;
    --son-surface:         #FFFFFF;
    --son-text:            #10202D;
    --son-text-secondary:  #4A5A66;
    --son-text-on-dark:        #F8F8F5;
    --son-text-on-dark-muted:  #C4D0D8;
    --son-border-subtle:   #E4E4DD;

    /* Gradientes */
    --son-grad-burgundy: linear-gradient(0deg,  #752632 0%, #AF4462 100%);   /* CTAs / pricing destacado */
    --son-grad-burgundy-135: linear-gradient(135deg, #752632 0%, #AF4462 100%); /* badges itinerario */
    --son-grad-inquiry:  linear-gradient(115deg, #1F4768 0%, #3E775E 100%);  /* sección inquiry */
    --son-scrim-hero:    linear-gradient(180deg, rgba(16,32,45,.70) 0%, rgba(16,32,45,.35) 40%, rgba(16,32,45,.95) 100%);

    /* Forma */
    --son-radius-card: 2rem;     /* tarjetas Pencil (radius 20) */
    --son-radius-pill: 999px;
    --son-shadow-card: 0 1.2rem 3rem rgba(16,32,45,.14);

    /* Tipografía (Pencil: heading Cormorant ya en uso, body Inter — pendiente decisión) */
    --son-font-heading: 'Cormorant Garamond', Georgia, serif;
    --son-font-body:    'Inter', 'Noto Sans', sans-serif;
}