/* =============================================================
   VARIABLES — solo editar este archivo por proyecto
   Cusco Vibe — paleta Pencil: bosque + dorado + crema.
   Los nombres de token se conservan para no romper el CSS portado;
   solo cambian los VALORES a la identidad Cusco Vibe.
   ============================================================= */
:root {
    /* =========================================================
       PALETA CUSCO VIBE (de Pencil — ui - cusco vibe.pen)
       ========================================================= */
    --cv-night:         #1B2117;   /* casi negro bosque */
    --cv-forest:        #232B1E;   /* fondo oscuro principal */
    --cv-forest-deep:   #2D3828;
    --cv-jungle:        #2A3726;
    --cv-cream:         #F7F4C1;
    --cv-cream-soft:    #EDE8CF;
    --cv-light:         #F4F1E4;   /* fondo claro principal */
    --cv-card:          #FBF9EF;   /* tarjetas */
    --cv-gold:          #AA7E42;   /* acento principal */
    --cv-gold-light:    #D1B178;
    --cv-gold-dark:     #8A6632;
    --cv-hairline:      #4A5240;   /* líneas sobre oscuro */
    --cv-hairline-light:#D8D2BC;   /* líneas sobre claro */
    --cv-dark-text:     #2A3726;
    --cv-light-text:    #EFEAD6;
    --cv-muted-dark:    #B8B89C;   /* texto secundario sobre oscuro */
    --cv-muted-light:   #6B6B52;   /* texto secundario sobre claro */

    --cv-max:           131.2rem;
    --cv-pad:           6.4rem;
    --cv-radius-lg:     2.8rem;
    --cv-radius-md:     1.6rem;
    --cv-radius-sm:     .8rem;

    --cv-font-body:     "Inter", sans-serif;
    --cv-font-display:  "Cormorant Garamond", Georgia, serif;
    --cv-font-serif:    "Playfair Display", Georgia, serif;

    /* ── COLORES (sistema base — remapeados a Cusco Vibe) ── */
    --color-primary:     var(--cv-forest);   /* antes azul oscuro */
    --color-secondary:   var(--cv-gold);     /* acción → dorado */
    --color-accent:      var(--cv-gold-light);
    --color-danger:      #c0512f;
    --color-bg:          var(--cv-light);
    --color-surface:     var(--cv-card);
    --color-text:        var(--cv-dark-text);
    --color-text-muted:  var(--cv-muted-light);
    --color-border:      var(--cv-hairline-light);

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

    /* ── TIPOGRAFÍA ── */
    --font-body:         var(--cv-font-body);
    --font-heading:      var(--cv-font-display);
    --font-size-base:    1.6rem;

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

    /* ── LAYOUT ── */
    --container-max:     131.2rem;
    --container-pad:     2rem;
    --radius-sm:         0.8rem;
    --radius-md:         1.6rem;
    --radius-lg:         2.8rem;
    --radius-pill:       999px;

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

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

    /* =========================================================
       TOKENS PENCIL (nombres heredados del theme base; valores Cusco Vibe)
       Todo el CSS portado referencia --son-*; aquí se reapunta a la
       paleta bosque/dorado/crema de Cusco Vibe.
       ========================================================= */
    --son-primary-blue:    var(--cv-forest);      /* "azul" → bosque */
    --son-secondary-green: var(--cv-gold);        /* verde 2º → dorado acento */
    --son-deep-burgundy:   var(--cv-gold-dark);   /* acento tours → dorado oscuro */
    --son-rose-red:        var(--cv-gold);        /* gradiente con el anterior */
    --son-warm-sand:       var(--cv-gold-light);
    --son-accent-green:    var(--cv-gold-light);  /* eyebrow claro → dorado claro */

    --son-background:      var(--cv-light);
    --son-surface:         var(--cv-card);
    --son-text:            var(--cv-dark-text);
    --son-text-secondary:  var(--cv-muted-light);
    --son-text-on-dark:        var(--cv-light-text);
    --son-text-on-dark-muted:  var(--cv-muted-dark);
    --son-border-subtle:   var(--cv-hairline-light);

    /* Gradientes — dorado en vez de burgundy; inquiry en bosque */
    --son-grad-burgundy:     linear-gradient(0deg,  #8A6632 0%, #AA7E42 100%);
    --son-grad-burgundy-135: linear-gradient(135deg, #8A6632 0%, #D1B178 100%);
    --son-grad-inquiry:      linear-gradient(115deg, #232B1E 0%, #2D3828 100%);
    --son-scrim-hero:        linear-gradient(180deg, rgba(27,33,23,.70) 0%, rgba(27,33,23,.35) 40%, rgba(27,33,23,.95) 100%);

    /* Forma */
    --son-radius-card: 2.8rem;
    --son-radius-pill: 999px;
    --son-shadow-card: 0 1.2rem 3rem rgba(27,33,23,.14);

    /* Tipografía */
    --son-font-heading: var(--cv-font-display);
    --son-font-body:    var(--cv-font-body);

    /* alias de radio usados en el CSS portado */
    --radius-card: var(--cv-radius-lg);
}