/* ==========================================================
   Alma Criolla · Propuesta A · Sistema «Gala Criolla»
   Tokens de diseño — compartidos por todas las páginas
   ========================================================== */
:root {
  /* Paleta (regla 60·30·10: marfil/telón · carmesí · oro) */
  --carmesi: #9B1B22;        /* primario, CTA */
  --vino: #4A0D12;           /* hover, bandas */
  --telon: #1C0A0C;          /* fondos de gala */
  --telon-2: #2A1416;        /* tarjetas sobre telón */
  --telon-3: #120607;        /* pie */
  --oro: #C9A24A;            /* acentos sobre oscuro */
  --oro-viejo: #8C6A22;      /* oro sobre claro */
  --marfil: #F7F2EA;         /* fondo claro */
  --algodon: #EFE6D8;        /* tarjetas */
  --blanco: #FFFFFF;
  --tinta: #2A1A1B;          /* texto */
  --tinta-2: #4D3C3B;        /* texto secundario */
  --tinta-3: #6B5A58;        /* metadatos */
  --humo: #D9CFC2;           /* texto suave sobre oscuro */
  --rosa-pañuelo: #F3DEDB;   /* texto suave sobre carmesí */
  --linea: #E2D7C8;          /* bordes claros */
  --linea-2: #C9B590;        /* filetes */
  --linea-oscura: #3A1F21;   /* bordes sobre telón */
  --input-borde: #4A2B2D;

  /* Tipografía */
  --font-display: 'Bodoni Moda', 'Didot', Georgia, serif;
  --font-sans: 'Manrope', 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: 17px;

  /* 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 */
  --radio-boton: 2px;
  --radio-tarjeta: 4px;
  --radio-pill: 999px;

  --ancho-max: 1280px;
  --sombra: 0 12px 32px rgba(0, 0, 0, 0.35);
}