/* Club Recreo · tokens para la web.
   Copia web de marca/tokens.css (fuente de verdad): mismos valores, fuentes en WOFF2
   recortadas a latín (landing/fuentes/, OFL) y font-display: swap.
   Si cambia un color en marca/tokens.css, se cambia acá también. */

@font-face { font-family: "Fredoka"; src: url("../fuentes/fredoka-latin.woff2") format("woff2"); font-weight: 500 700; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("../fuentes/atkinson-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Atkinson Hyperlegible"; src: url("../fuentes/atkinson-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
@font-face { font-family: "Andika"; src: url("../fuentes/andika-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Andika"; src: url("../fuentes/andika-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
/* Atkinson trae el cero tachado (Ø): para una mamá leyendo "$129" o "10 minutos"
   se ve técnico. Los dígitos del texto se toman de Andika, la letra del kit. */
@font-face { font-family: "Cifras"; src: url("../fuentes/andika-400.woff2") format("woff2"); font-weight: 400; unicode-range: U+0030-0039; font-display: swap; }
@font-face { font-family: "Cifras"; src: url("../fuentes/andika-700.woff2") format("woff2"); font-weight: 700; unicode-range: U+0030-0039; font-display: swap; }

:root {
  --cr-verde: #2F9E6A;  --cr-verde-texto: #237A52;  --cr-verde-cuerpo: #8FD1A8;  --cr-verde-claro: #E3F3E9;
  --cr-verde-boton: #38A874;  --cr-verde-boton-hover: #43B37E;   /* fondo de botones con texto en tinta: 5,05:1 y 5,75:1 */
  --cr-crema: #FFF7EC;  --cr-papel: #FFFFFF;
  --cr-tinta: #23262F;  --cr-tinta-suave: #3A3E49;
  --cr-gris: #8A8F99;   --cr-gris-texto: #646973;  --cr-gris-claro: #D9DCE1;  --cr-gris-papel: #F3F1EC;

  --nivel-1: #EF6F5E;  --nivel-1-texto: #B4472F;  --nivel-1-claro: #FCE4DF;
  --nivel-2: #F2B23E;  --nivel-2-texto: #8A5A12;  --nivel-2-claro: #FDF0D5;
  --nivel-3: #2BA6B4;  --nivel-3-texto: #167480;  --nivel-3-claro: #DCF1F3;
  --nivel-4: #7C5CC4;  --nivel-4-texto: #6448B0;  --nivel-4-claro: #ECE6F7;

  --fuente-lectura: "Andika", sans-serif;
  --fuente-titulo: "Fredoka", "Andika", sans-serif;
  --fuente-adulto: "Cifras", "Atkinson Hyperlegible", "Andika", sans-serif;

  --trazo: 2.5px;  --trazo-fuerte: 3.5px;
  --radio-s: 6px;  --radio-m: 12px;  --radio-l: 20px;  --radio-xl: 32px;  --radio-pildora: 999px;

  --curva-salida: cubic-bezier(0.22, 1, 0.36, 1);
  --curva-suave: cubic-bezier(0.32, 0.72, 0, 1);
  --dur-corta: 160ms;  --dur-media: 320ms;  --dur-larga: 640ms;

  --toque-min: 44px;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-corta: 0ms; --dur-media: 0ms; --dur-larga: 0ms; }
}