/* Tokens de Cashita's (design system mínimo). No hay brand book: los colores salen del archivo del logo
   (muestras PMS 485 C y PMS 123 C y los rellenos del vector), el look de la tarjeta aprobada del kit.
   Cualquier color o fuente nueva se agrega AQUÍ; site.css solo usa variables. */

@font-face {
  font-family: "Kanit";
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url("/assets/fonts/kanit-800i.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Kanit";
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url("/assets/fonts/kanit-900i.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Color: marca */
  --c-rojo: #e0241d;          /* rojo del vector del logo (PMS 485 C) */
  --c-rojo-profundo: #b3150f; /* rojo para texto sobre amarillo y sombras */
  --c-amarillo: #ffc72e;      /* amarillo del vector del logo (PMS 123 C) */
  --c-amarillo-sol: #ffb000;  /* degradado del fondo amarillo, como la tarjeta */
  --c-crema: #fff6e3;
  --c-blanco: #ffffff;
  --c-tinta: #2b1810;         /* texto sobre claros */
  --c-tinta-suave: #5c4234;
  --c-sendero: #ffe39b;       /* la ruta de la carrera: 40% amarillo + 60% crema (claro, de corredor, no de autos) */

  /* Tipografía */
  --f-display: "Kanit", "Arial Black", "Helvetica Neue", Arial, sans-serif;
  --f-texto: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Escala */
  --t-h1: clamp(2.5rem, 9.5vw, 5.25rem);
  --t-h2: clamp(2rem, 7.5vw, 3.5rem);
  --desvanecido: 140px;       /* ancho del desvanecido en la orilla del carrusel de la familia (escritorio) */
  --t-titulo-km: clamp(2.6rem, 11vw, 4.75rem); /* EL tamaño de los títulos de sección de la carrera (KM 1, KM 2, la familia, KM 3): uno solo para todos (Mike, 4-nov) */
  --t-cuerpo: 1.0625rem;
  --t-chico: 0.875rem;

  /* Forma */
  --r-tarjeta: 22px;
  --r-boton: 999px;
  --sombra-tarjeta: 0 14px 30px rgba(60, 10, 5, 0.22);

  /* Espacio */
  --gutter: 26px;
  --ancho-max: 1180px;
}