/* ============================================
   NARA — base.css
   Identidad: editorial, cálida, femenina, moderna
   ============================================ */

:root {
  --color-marfil: #f7f2ea;
  --color-arena: #d8c4a8;
  --color-terracota: #c1693f;
  --color-terracota-dark: #a3552f;
  --color-chocolate: #4a3728;
  --color-negro: #2b2b2b;
  --color-oliva: #7d7a54;
  --color-white: #ffffff;
  --color-text: #3a332c;
  --color-text-light: #7a7168;
  --color-border: #e8ded0;

  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;

  --fs-h1: clamp(2.2rem, 5vw, 3.6rem);
  --fs-h2: clamp(1.7rem, 3.4vw, 2.4rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --radius: 4px;
  --shadow: 0 8px 24px rgba(74, 55, 40, 0.08);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-white);
  line-height: 1.7;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; margin: 0; padding: 0; }

h1, h2, h3 {
  font-family: var(--font-serif);
  color: var(--color-chocolate);
  line-height: 1.2;
  font-weight: 600;
  margin: 0 0 var(--space-sm) 0;
}

h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }

p { margin: 0 0 var(--space-sm) 0; }

section {
  padding: var(--space-lg) var(--space-md);
  max-width: 1240px;
  margin: 0 auto;
}

.texto-manuscrito {
  font-family: var(--font-serif);
  font-style: italic;
  font-size: 1.15rem;
  color: var(--color-chocolate);
}