/* Velocilandia · tokens tomados del manual de marca v1.0 (no se inventan aquí).
   Contraste medido: blanco/asfalto 19,3:1 · gris señal/asfalto 5,8:1 · blanco/rojo 4,9:1 ·
   rojo/asfalto 3,9:1 → el rojo sobre asfalto solo va en títulos de 24 px o más, cifras grandes y filetes. */

@font-face { font-family: "Velocilandia Placa"; src: url("../assets/fuentes/velocilandia-placa.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../assets/fuentes/archivo-regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("../assets/fuentes/archivo-semibold.woff2") format("woff2"); font-weight: 600 700; font-display: swap; }
@font-face { font-family: "Archivo Expanded"; src: url("../assets/fuentes/archivo-expandedsemibold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  /* color */
  --asfalto: #0E0E10;
  --pits: #16161A;
  --pits-2: #222228;
  --linea: rgba(255, 255, 255, .1);
  --linea-fuerte: rgba(255, 255, 255, .22);
  --senal: #8C8C96;
  --texto: #FFFFFF;
  --texto-2: rgba(255, 255, 255, .74);
  --rojo: #E30613;
  --rojo-oscuro: #A8040E;

  /* tipografía: escala 1,333 sobre 17 px */
  --f-display: "Velocilandia Placa", "Archivo", system-ui, sans-serif;
  --f-texto: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-etiqueta: "Archivo Expanded", "Archivo", system-ui, sans-serif;
  --t-0: 0.8125rem;
  --t-1: 1.0625rem;
  --t-2: 1.4rem;
  --t-3: clamp(1.6rem, 1.2rem + 1.6vw, 2.35rem);
  --t-4: clamp(2.2rem, 1.4rem + 3.4vw, 4.2rem);
  --t-5: clamp(3rem, 1.6rem + 6vw, 7.5rem);

  /* forma */
  --inclinacion: -15deg;
  --corte: 0.27;               /* tan(15°): el corte de la placa */
  --radio: 0;                  /* esquinas vivas: el manual no usa redondeos */
  --ancho: 1320px;
  --margen: clamp(1.25rem, 0.6rem + 3vw, 4rem);
  --curva: cubic-bezier(.2, .8, .2, 1);
}