:root {
  /* ===== Color — hoja de plano / taller (claro, no dashboard oscuro) ===== */
  --paper:        #F0EDE4; /* papel — fondo base */
  --paper-2:      #E7E2D5; /* panel / superficie elevada (un tono más marcado) */
  --paper-3:      #DCD6C6; /* hover / relleno secundario */
  --blueprint:    #0F2A43; /* azul blueprint — línea/texto principal, headers */
  --blueprint-2:  #1E4569; /* azul secundario — líneas de detalle, hover de línea */
  --race-red:     #C81D2C; /* rojo carrera — acento, único saturado (con moderación) */
  --race-red-2:   #A5151F; /* rojo carrera oscuro — hover del acento */
  --ink:          #1A1A1A; /* tinta — texto de cuerpo */
  --dim:          #6B6656; /* gris cota/anotación — metadata, cotas, captions (oscurecido p/ contraste AA) */
  --line:         #C7C0AE; /* línea fina de retícula / bordes sobre papel */
  --line-strong:  #B0A88F; /* borde marcado (cajetín, tablas) */

  /* Tintes translúcidos derivados (para relleno de callouts / estados) */
  --blueprint-wash: rgba(15, 42, 67, 0.06);
  --red-wash:       rgba(200, 29, 44, 0.07);

  /* ===== Tipografía ===== */
  /* Display: condensada tipo rótulo de taller */
  --font-display: 'Oswald', 'Arial Narrow', sans-serif;
  /* Cuerpo: sans geométrica limpia */
  --font-body:    'Inter', system-ui, sans-serif;
  /* Utilitaria: monoespaciada — SOLO cotas/callouts de plano, nunca prosa */
  --font-mono:    'JetBrains Mono', 'Consolas', monospace;

  /* ===== Espaciado ===== */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;

  /* ===== Layout ===== */
  /* Radios chicos: estética de plano = esquinas rectas / apenas suavizadas */
  --radius:    3px;
  --radius-lg: 4px;
  --max-width: 1120px;
  --header-h:  78px;

  /* Retícula de plano (paso de la cuadrícula de fondo) */
  --grid-step: 26px;
}