/* ==========================================================================
   NO LIMITS MOTORES — Design tokens
   Paleta editorial automotriz: concreto claro, tinta y óxido.
   ========================================================================== */
:root {
  --color-bg: #dedbd4;
  --color-bg-raised: #e9e6df;
  --color-surface: #f5f3ee;
  --color-surface-2: #cbc7bd;
  --color-text: #17191b;
  --color-text-dim: #35383b;
  --color-muted: #686b6d;
  --color-muted-2: #8d8f90;
  --color-border: #c0bcb3;
  --color-border-strong: #9d9990;
  --color-accent: #c74422;
  --color-accent-dim: #8e321c;
  --color-ok: #2f7250;
  --color-warn: #956719;

  --color-bg-inverse: #191b1d;
  --color-text-inverse: #f4f1ea;
  --color-border-inverse: #4a4c4e;

  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", "SFMono-Regular", Menlo, monospace;

  --step-2xs: 0.72rem;
  --step-xs: 0.82rem;
  --step-sm: 0.95rem;
  --step-md: 1.1rem;
  --step-lg: 1.4rem;
  --step-xl: clamp(1.9rem, 1.4rem + 2vw, 2.8rem);
  --step-2xl: clamp(2.6rem, 1.8rem + 3.5vw, 4.2rem);
  --step-3xl: clamp(3.4rem, 2rem + 6vw, 7.5rem);

  --tracking-wide: 0.14em;
  --tracking-wider: 0.22em;
  --maxw: 1360px;
  --gutter: 24px;
  --radius: 0px;
  --border-w: 1px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur-med: 320ms;
}
@media (min-width: 768px) { :root { --gutter: 40px; } }
@media (min-width: 1200px) { :root { --gutter: 64px; } }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}