/* NANNAGRAFÍA — Tokens de marca: colores, tipografías, espaciado y sombras,
   más la tipografía base. Los estilos del sitio están en main.css y usan solo estas
   variables. Gotham es comercial: si no hay licencia web se usa Montserrat. */
:root {
  --nanna-color-ivory: #F7F3EA;
  --nanna-color-warm-white: #FCFAF6;
  --nanna-color-paper: #EFE8DA;
  --nanna-color-sand: #D9C6A5;
  --nanna-color-champagne: #C7A86B;
  --nanna-color-gold: #A9823A;
  --nanna-color-gold-light: #D8BE88;
  --nanna-color-burgundy: #741B22;
  --nanna-color-wine: #5B1017;
  --nanna-color-rose: #A64B50;
  --nanna-color-charcoal: #24211F;
  --nanna-color-black: #151313;
  --nanna-color-sage: #78806C;
  --nanna-color-white: #FFFFFF;

  --nanna-font-display: "Cinzel", Georgia, serif;
  --nanna-font-heading: "Gotham", "Montserrat", Arial, sans-serif;
  --nanna-font-body: "Gotham", "Montserrat", Arial, sans-serif;

  --nanna-text-xs: .72rem;
  --nanna-text-sm: .82rem;
  --nanna-text-md: 1rem;
  --nanna-text-lg: 1.25rem;
  --nanna-text-xl: 1.75rem;
  --nanna-text-2xl: 2.5rem;
  --nanna-text-3xl: 3.5rem;
  --nanna-text-hero: clamp(3rem, 7vw, 6.5rem);

  --nanna-space-1: .25rem;
  --nanna-space-2: .5rem;
  --nanna-space-3: .75rem;
  --nanna-space-4: 1rem;
  --nanna-space-5: 1.5rem;
  --nanna-space-6: 2rem;
  --nanna-space-7: 3rem;
  --nanna-space-8: 4rem;
  --nanna-space-9: 6rem;
  --nanna-space-10: 8rem;

  --nanna-content-max: 1200px;
  --nanna-wide-max: 1440px;
  --nanna-text-max: 680px;
  --nanna-gutter: clamp(1.25rem, 4vw, 4rem);
  --nanna-section-padding: clamp(4rem, 8vw, 8rem);

  --nanna-radius-sm: 2px;
  --nanna-radius-md: 6px;
  --nanna-radius-lg: 12px;
  --nanna-radius-pill: 999px;

  --nanna-border-hairline: 1px solid rgba(169,130,58,.28);
  --nanna-border-soft: 1px solid rgba(36,33,31,.12);
  --nanna-border-accent: 1px solid var(--nanna-color-gold);

  --nanna-shadow-soft: 0 10px 35px rgba(36,33,31,.08);
  --nanna-shadow-product: 0 18px 45px rgba(36,33,31,.12);
  --nanna-shadow-gold: 0 8px 24px rgba(169,130,58,.12);
}

body {
  background: var(--nanna-color-warm-white);
  color: var(--nanna-color-charcoal);
  font-family: var(--nanna-font-body);
  line-height: 1.65;
}

h1, h2, h3 {
  font-family: var(--nanna-font-display);
  font-weight: 500;
  color: var(--nanna-color-charcoal);
  line-height: 1.08;
  letter-spacing: .035em;
}

h4, h5, h6,
button {
  font-family: var(--nanna-font-heading);
  font-weight: 500;
  letter-spacing: .08em;
}