@charset "UTF-8";
/* CSS Document */
:root {
  /* Tipografía */
  --font-body: "DM Sans", sans-serif;
  --font-headings: "Playfair Display", Georgia, serif;

  /* Colores base */
  --color-dark: #000000;
  --color-light: #f5e3cf;

  /* Colores de marca */
  --color-primary: #ed8668; /* coral — CTAs, acción */
  --color-amber: #e8b47b; /* calidez, estrellas */

  /* Jerarquía tipográfica */
  --text-hero: clamp(40px, 5vw, 56px);
  --text-h2: clamp(26px, 3.5vw, 36px);
  --text-h3: 18px;
  --text-body: 16px;
  --text-label: 11px;

  /* Espaciado */
  --section-px: clamp(24px, 5vw, 72px);
  --letter-label: 0.1em;
  --line-body: 1.7;
  --line-heading: 1.15;
}

/* Headings — sin italic */
h1 {
  font-family: var(--font-headings);
  font-style: normal;
  font-weight: 700;
}
h2, h3, h4, p, button {
  font-family: var(--font-body);
}