/* Generado desde design/tokens.json por scripts/build-tokens.mjs. No editar a mano: edita tokens.json y ejecuta `pnpm tokens`. */
:root {
  /* Color: tema Web suave (pantalla). Los Pantone del tema algodon son solo para impresos. */
  --color-granate: #86251c;
  --color-gris-estudio: #eaeaea;
  --color-rosa-petalo: #f4e4e0;
  --color-tinta: #2a1e1b;
  --color-blanco: #ffffff;
  --color-negro-logo: #000000;
  --color-coleccion-jungle: #f6edd6;
  --color-coleccion-nude: #f2ddd4;
  --color-coleccion-colombia: #e3ebdc;
  --color-coleccion-classics: #dde8ea;
  --color-linea-yaya-box: #e9c9c2;
  --color-reserva-lavanda: #eae0ec;
  --color-ilustracion-verde-salvia: #a3b89e;
  --color-ilustracion-verde-plata: #b4c6be;
  --color-ilustracion-coral: #d9906e;
  --color-ilustracion-lila: #ddbfd9;
  --color-ilustracion-miel: #e7c878;
  --color-ilustracion-algodon: #fcfbf7;
  --color-ilustracion-sepalo: #c9a98f;
  --color-linea: rgba(42, 30, 27, 0.14);

  /* Tipografia */
  --font-editorial: "PP Editorial New", Georgia, "Times New Roman", serif;
  --font-goldplay: Goldplay, "Helvetica Neue", Arial, sans-serif;
  --text-display-size: 96px;
  --text-display-leading: 0.95;
  --text-display-tracking: -0.02em;
  --text-titular-1-size: 56px;
  --text-titular-1-leading: 1.05;
  --text-titular-1-tracking: -0.01em;
  --text-titular-2-size: 36px;
  --text-titular-2-leading: 1.15;
  --text-titular-3-size: 24px;
  --text-titular-3-leading: 1.25;
  --text-menu-size: 26px;
  --text-menu-leading: 1.15;
  --text-entradilla-size: 20px;
  --text-entradilla-leading: 1.5;
  --text-cuerpo-size: 16px;
  --text-cuerpo-leading: 1.6;
  --text-nota-size: 13px;
  --text-nota-leading: 1.5;
  --text-etiqueta-size: 12px;
  --text-etiqueta-leading: 1.3;
  --text-etiqueta-tracking: 0.24em;
  --text-etiqueta-chica-size: 11px;
  --text-etiqueta-chica-leading: 1.3;
  --text-etiqueta-chica-tracking: 0.2em;

  /* Espaciado */
  --espacio-1: 4px;
  --espacio-2: 8px;
  --espacio-3: 16px;
  --espacio-4: 24px;
  --espacio-5: 40px;
  --espacio-6: 64px;
  --espacio-7: 96px;

  /* Radio */
  --radio-0: 0px;
  --radio-1: 2px;
  --radio-circulo: 9999px;

  /* Puntos de quiebre */
  --quiebre-tableta: 768px;
  --quiebre-escritorio: 1024px;
  --quiebre-ancho: 1440px;

  /* Retícula */
  --ancho-maximo: 1440px;
  --margen-celular: 20px;
  --margen-escritorio: 40px;
  --separacion-tarjetas-celular: 10px;
  --area-tactil: 44px;
  --alto-boton: 52px;
  --alto-campo: 50px;
  --alto-anuncio-celular: 32px;
  --alto-anuncio-escritorio: 36px;
  --alto-cabecera-celular: 60px;
  --alto-cabecera-escritorio: 72px;
  --ancho-filtros: 240px;
  --ancho-resumen: 480px;
  --ancho-menu-cuenta: 280px;

  /* Movimiento (docs/14) */
  --duracion-corta: 200ms;
  --duracion-media: 400ms;
  --duracion-larga: 800ms;
  --duracion-editorial: 1600ms;
  --curva-suave: cubic-bezier(0.25, 0.1, 0.25, 1);
  --curva-hilo: cubic-bezier(0.65, 0, 0.35, 1);
  --curva-salida: cubic-bezier(0.16, 1, 0.3, 1);
}