/* Tokens de marca · tomados del manual (Sistema Cuchara Roja V3) */
:root {
  --rojo: #C43A1E;        /* 4,5:1 sobre crema: apto para texto */
  --rojo-oscuro: #A52F16; /* hover de botones */
  --tinta: #2D1208;
  --tinta-suave: rgba(45, 18, 8, .68);
  --acero: #EAEAEA;
  --blanco: #F4ECDD;      /* crema: es el fondo de la marca, no se usa blanco puro */
  --crema-oscura: #EBE0CB; /* fondo de secciones alternas */
  --papel: #FBF6EA;       /* hoja de cuaderno: tarjetas, fotos y láminas */
  --linea: rgba(45, 18, 8, .16);
  --sombra: 0 18px 40px -18px rgba(45, 18, 8, .38), 0 2px 6px rgba(45, 18, 8, .08);

  --mano: "La Belle Aurore", "Segoe Script", cursive;
  --texto: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --t-titular: clamp(46px, 6.2vw, 96px);
  --t-titulo: clamp(42px, 5.6vw, 84px);
  --t-sub: clamp(30px, 2.9vw, 42px);
  --t-copete: clamp(20px, 1.9vw, 27px);
  --t-grande: clamp(18px, 1.45vw, 21px);
  --t-texto: 17px;
  --t-etiqueta: 12px;

  --ancho: 1200px;
  --margen: clamp(20px, 4vw, 40px);
  --aire: clamp(48px, 5.6vw, 84px);
  --cab: 68px;
  --suave: cubic-bezier(.2, .7, .2, 1);
}