/* ============================================================
   Tema SALVIA — salvia y oliva apagados · natural y sereno
   Mismo HTML/estructura que el resto; solo cambia la paleta.
   Se carga DESPUÉS de styles.css y sections.css (gana por orden).
   ============================================================ */

:root {
  /* Fondos — blancos cálidos con verde apagado */
  --cream:        oklch(0.968 0.012 110);
  --cream-2:      oklch(0.945 0.016 112);
  --paper:        oklch(0.988 0.008 110);
  --sand:         oklch(0.880 0.022 116);
  --sand-deep:    oklch(0.792 0.030 118);

  /* Texto — tinta oliva profunda */
  --ink:          oklch(0.315 0.030 128);
  --ink-soft:     oklch(0.455 0.032 130);
  --ink-faint:    oklch(0.585 0.030 132);

  /* Acento — salvia / oliva */
  --terra:        oklch(0.530 0.072 135);
  --terra-deep:   oklch(0.450 0.072 137);

  /* Compra — terracota cálida (contraste) */
  --buy:          oklch(0.600 0.120 45);
  --buy-deep:     oklch(0.520 0.120 43);
  --buy-glow:     oklch(0.600 0.120 45 / 0.26);

  --radius: 4px;
  --shadow-sm: 0 1px 2px oklch(0.35 0.03 130 / 0.06), 0 4px 14px oklch(0.35 0.03 130 / 0.06);
  --shadow-md: 0 8px 24px oklch(0.35 0.03 130 / 0.10), 0 20px 44px oklch(0.35 0.03 130 / 0.08);
  --shadow-lg: 0 30px 70px oklch(0.35 0.03 130 / 0.18);

  --serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --sans:  "Jost", system-ui, -apple-system, sans-serif;
}

body { background: var(--cream); }

/* Navegación natural */
.nav--solid { background: oklch(0.968 0.012 110 / 0.90); box-shadow: 0 1px 0 var(--sand); }
.nav__brand span { color: var(--terra); }

/* Botones tipo píldora más livianos */
.btn { border-radius: 100px; font-weight: 600; letter-spacing: 0.01em; }
.btn--ghost:hover { border-color: var(--ink); }

/* Hero — velo y acentos verdes apagados */
.hero__scrim {
  background: linear-gradient(to top,
    oklch(0.25 0.03 130 / 0.86) 0%,
    oklch(0.29 0.03 132 / 0.46) 40%,
    oklch(0.33 0.03 134 / 0.12) 74%,
    oklch(0.33 0.03 134 / 0.26) 100%);
}
.hero__eyebrow { color: oklch(0.86 0.06 130); }
.hero__tagline { color: oklch(0.95 0.02 120); }
.hero__scroll { color: oklch(0.90 0.03 125); }

/* Newsletter — degradado bosque apagado */
.newsletter { background: linear-gradient(155deg, oklch(0.350 0.045 132) 0%, oklch(0.265 0.038 134) 100%); }
.newsletter__deco, .newsletter__deco2 { border-color: oklch(0.78 0.08 60 / 0.18); }
.newsletter__eyebrow { color: oklch(0.84 0.09 60); }
.newsletter__lead { color: oklch(0.87 0.03 125); }
.nl-form input:focus { border-color: var(--terra); box-shadow: 0 0 0 3px oklch(0.530 0.072 135 / 0.25); }

/* Selector de diseño flotante */
.design-switch:hover { color: var(--terra); border-color: var(--terra); }