/* ============================================================
   Tema CORAL — cálido y poético · melocotón + terracota
   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 — crema melocotón */
  --cream:        oklch(0.972 0.018 50);
  --cream-2:      oklch(0.950 0.026 46);
  --paper:        oklch(0.991 0.010 60);
  --sand:         oklch(0.890 0.035 42);
  --sand-deep:    oklch(0.812 0.050 38);

  /* Texto — marrón rosado cálido */
  --ink:          oklch(0.330 0.045 30);
  --ink-soft:     oklch(0.470 0.050 32);
  --ink-faint:    oklch(0.592 0.048 35);

  /* Acento — terracota coral */
  --terra:        oklch(0.630 0.155 35);
  --terra-deep:   oklch(0.550 0.160 33);

  /* Compra — baya / ciruela profunda (contraste) */
  --buy:          oklch(0.540 0.115 10);
  --buy-deep:     oklch(0.465 0.115 9);
  --buy-glow:     oklch(0.540 0.115 10 / 0.26);

  --radius: 6px;
  --shadow-sm: 0 1px 3px oklch(0.40 0.06 35 / 0.08), 0 6px 18px oklch(0.40 0.06 35 / 0.07);
  --shadow-md: 0 6px 22px oklch(0.40 0.06 35 / 0.13), 0 22px 50px oklch(0.40 0.06 35 / 0.11);
  --shadow-lg: 0 30px 70px oklch(0.40 0.06 35 / 0.22);

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

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

/* Navegación cálida */
.nav--solid { background: oklch(0.972 0.018 50 / 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 cálidos */
.hero__scrim {
  background: linear-gradient(to top,
    oklch(0.26 0.05 28 / 0.88) 0%,
    oklch(0.30 0.05 30 / 0.48) 40%,
    oklch(0.34 0.05 32 / 0.14) 74%,
    oklch(0.34 0.05 32 / 0.28) 100%);
}
.hero__eyebrow { color: oklch(0.86 0.08 45); }
.hero__tagline { color: oklch(0.95 0.03 40); }
.hero__scroll { color: oklch(0.91 0.04 42); }

/* Newsletter — degradado terracota profundo */
.newsletter { background: linear-gradient(155deg, oklch(0.420 0.090 32) 0%, oklch(0.320 0.070 28) 100%); }
.newsletter__deco, .newsletter__deco2 { border-color: oklch(0.80 0.10 50 / 0.18); }
.newsletter__eyebrow { color: oklch(0.86 0.10 50); }
.newsletter__lead { color: oklch(0.88 0.04 45); }
.nl-form input:focus { border-color: var(--terra); box-shadow: 0 0 0 3px oklch(0.630 0.155 35 / 0.25); }

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