/* ============================================
   LA ESPIGA ARTESANAL — base.css
   ============================================ */

:root {
  --color-crema: #f7f0e4;
  --color-cafe: #4a2f22;
  --color-cafe-light: #6b4a35;
  --color-dorado: #c98a3a;
  --color-dorado-dark: #a86f28;
  --color-white: #ffffff;
  --color-text: #3a2c22;
  --color-text-light: #7a6a5a;
  --color-border: #e8ddc9;

  --font-titulos: 'Playfair Display', Georgia, serif;
  --font-texto: 'Nunito', system-ui, sans-serif;

  --fs-h1: clamp(2rem, 4.2vw, 3rem);
  --fs-h2: clamp(1.5rem, 3vw, 2rem);

  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --radius: 12px;
  --shadow: 0 8px 26px rgba(74, 47, 34, 0.12);
}

* { box-sizing: border-box; }

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

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-titulos);
  color: var(--color-cafe);
  line-height: 1.2;
  font-weight: 700;
  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: 1200px;
  margin: 0 auto;
}