/* ================================================================
   AUTOPITS LA DÉCIMA — DESIGN TOKENS (PALETA PREMIUM)
   Inspirado en Porsche, Audi RS, BMW M, Mercedes AMG, Tesla, Apple.
   Materiales visuales: metal, vidrio, carbono, acero, aluminio.
   Rojo metalizado solo como acento (máximo 15-20% de pantalla).
   ================================================================ */
:root{
  /* --- Superficies (Premium: Carbono -> Acero -> Grafito) --- */
  --ink-0:#0D0D0D;      /* negro carbón — fondo base profundo */
  --ink-1:#151515;      /* gris carbón profundo — fondo alterno */
  --panel-1:#1B1B1B;    /* gris grafito — panel principal */
  --panel-2:#2F343A;    /* gris acero — tarjeta elevada */
  --panel-3:#3A4249;    /* gris acero claro — tarjeta hover */
  --line-1:#424A52;     /* borde sutil — acero pálido */
  --line-2:#5A6270;     /* borde marcado — acero medio */

  /* --- Texto (Platino cepillado y neutrales) --- */
  --text-hi:#F5F5F5;    /* titulares — blanco cálido premium */
  --text-md:#D8D8D8;    /* cuerpo — plata cepillada */
  --text-lo:#999999;    /* meta / caption — gris neutro */
  --text-faint:#666666; /* deshabilitado / marcas de agua */

  /* --- Acentos (Rojo metalizado SOLO para énfasis) --- */
  --laser:#E63946;      /* rojo metalizado — líneas, foco, medición */
  --laser-dim:#A02837;
  --cta:#DC2841;        /* rojo CTA saturado — botones de acción */
  --cta-hover:#F04854;
  --deep:#5C1420;       /* rojo profundo — degradados sutiles */
  --ok:#E85D4B;         /* rojo-coral cálido — estado positivo */
  --chrome:#BFC4C9;     /* plata cepillada — reflejos metálicos */

  /* --- Tipografía --- */
  --font-display:"Space Grotesk", "Inter", sans-serif;
  --font-body:"Inter", -apple-system, sans-serif;
  --font-mono:"IBM Plex Mono", ui-monospace, monospace;

  /* --- Escala espacial --- */
  --sp-3xs:.25rem;
  --sp-2xs:.5rem;
  --sp-xs:.75rem;
  --sp-sm:1rem;
  --sp-md:1.5rem;
  --sp-lg:2.5rem;
  --sp-xl:4rem;
  --sp-2xl:6rem;
  --sp-3xl:9rem;

  /* --- Radios y sombras (Materiales premium: metal, vidrio, acero) --- */
  --radius-sm:6px;
  --radius-md:14px;
  --radius-lg:24px;
  --shadow-panel: 0 25px 70px rgba(0,0,0,.6);
  --glow-laser: 0 0 20px rgba(230,57,70,.25);
  --glow-cta: 0 8px 24px rgba(220,40,65,.35);

  /* Barrido metálico premium: rojo profundo -> rojo acento -> plata cepillada -> rojo acento -> rojo profundo */
  --metal-sheen: linear-gradient(120deg,
    var(--deep) 0%,
    var(--cta) 28%,
    var(--chrome) 50%,
    var(--cta) 72%,
    var(--deep) 100%);

  /* --- Motion --- */
  --ease-snap: cubic-bezier(.16,1.36,.42,1);
  --ease-out: cubic-bezier(.22,.61,.36,1);
  --dur-fast:.22s;
  --dur-base:.45s;
  --dur-slow:.9s;

  --header-h:76px;
}

@media (max-width:640px){
  :root{ --header-h:64px; }
}