/* Las fuentes (Racing Sans One, Bebas Neue y Montserrat) las declara tokens.css desde fonts/. */
/* TecniMoto: lo que tokens.json no declara. Los valores de color, sombra,
   espacio, radio y tipo viven en tokens.css (generado desde tokens.json). */
:root {
  /* Degradados de marca (usar con moderación) */
  --grad-energy: linear-gradient(100deg, var(--tm-yellow) 0%, var(--tm-orange) 100%);
  --grad-yellow: linear-gradient(180deg, var(--tm-yellow-400) 0%, var(--tm-yellow-600) 100%);
  --grad-dark: linear-gradient(160deg, var(--tm-charcoal-700) 0%, var(--tm-ink) 100%);

  /* Hazard stripe (advertencia / carril express) y checker racing */
  --pattern-hazard: repeating-linear-gradient(
    -45deg,
    var(--tm-charcoal-800) 0 14px,
    var(--tm-yellow) 14px 28px
  );
  --pattern-checker:
    repeating-conic-gradient(var(--tm-charcoal-800) 0% 25%, transparent 0% 50%) 0 0 / 22px 22px;

  /* Motion */
  --ease-snap: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; --dur-slow: 0ms; }
}