/* ==========================================================
   Alma Criolla · Propuesta B · Sistema «Casona Limeña»
   Tokens de diseño — compartidos por todas las páginas
   ========================================================== */
:root {
  /* Paleta (regla 70·20·10: cal · añil · rojo) */
  --rojo: #D91023;           /* primario, CTA */
  --rojo-oscuro: #A10C1B;    /* hover, texto rojo sobre rosa */
  --anil: #1E3A6E;           /* títulos, bandas */
  --anil-2: #284A85;         /* tarjetas sobre añil */
  --madera: #5B3A29;         /* cifras, pie */
  --ocre: #E3A73B;           /* acentos sobre oscuro */
  --cal: #FBF8F3;            /* fondo claro */
  --adobe: #F3E9DA;          /* tarjetas, bandas cálidas */
  --azulejo: #DCE5F2;        /* superficies claras */
  --blanco: #FFFFFF;
  --tinta: #1B1B22;          /* texto */
  --tinta-2: #4A4650;        /* texto secundario */
  --linea: #E4DCCF;          /* bordes */
  --linea-2: #DCCDB4;        /* filetes */

  /* Etiquetas de región */
  --costa-bg: #DCE5F2;   --costa-fg: #1E3A6E;
  --sierra-bg: #F3E9DA;  --sierra-fg: #5B3A29;
  --selva-bg: #E2EEDC;   --selva-fg: #2F5A2A;
  --afro-bg: #FBE3E5;    --afro-fg: #A10C1B;

  /* Tipografía */
  --font-display: 'Fraunces', Georgia, serif;
  --font-sans: 'Karla', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --fs-h1: clamp(52px, 7.5vw, 100px);
  --fs-h2: clamp(34px, 4vw, 48px);
  --fs-h3: 26px;
  --fs-eyebrow: 13px;
  --fs-body: 18px;

  /* Espaciado (base 8 px) */
  --sp-1: 8px;
  --sp-2: 16px;
  --sp-3: 24px;
  --sp-4: 32px;
  --sp-5: 40px;
  --sp-6: 48px;
  --sp-7: 56px;
  --sp-section: 112px;

  /* Forma: botones píldora, fotos en arco, tarjetas 4 px */
  --radio-pill: 999px;
  --radio-tarjeta: 4px;
  --radio-arco: 999px 999px 4px 4px;

  --ancho-max: 1280px;
  --sombra: 0 12px 32px rgba(30, 58, 110, 0.18);
}