/* Tienda OS · tokens de diseño (valores neutros). Cada tienda los sobrescribe en marcas/<slug>/tema.css. Guía: DISENO.md */
:root {
  /* Color */
  --fondo: #101010; --panel: #171717; --panel-2: #1F1F1F; --linea: #2C2C2C; --linea-2: #444444;
  --texto: #ECECEC; --titulo: #FFFFFF; --suave: #A3A3A3; --secundario: #D4D4D4;
  --acento: #ECECEC; --sobre-acento: #101010; --acento-tenue: rgba(236, 236, 236, .1);
  --atencion: #E5C07B; --peligro: #E58A8A; --velo: rgba(0, 0, 0, .66);
  /* Tipografía */
  --serif: Georgia, "Times New Roman", serif; --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --logo: italic 700 20px/1 var(--serif);
  --t-micro: 10px; --t-mini: 12px; --t-base: 14px; --t-grande: 17px; --t-h3: 22px; --t-h2: 26px; --t-h1: 40px; --t-numero: 44px; --t-heroe: 72px;
  /* Espacio (base 4) */
  --e1: 4px; --e2: 8px; --e3: 12px; --e4: 16px; --e5: 24px; --e6: 32px; --e7: 48px;
  /* Forma y elevación */
  --radio: 2px; --sombra-1: 0 8px 24px rgba(0, 0, 0, .35); --sombra-2: 0 24px 64px rgba(0, 0, 0, .6);
  /* Movimiento */
  --rapido: 120ms; --medio: 200ms; --curva: cubic-bezier(.2, .7, .2, 1);
  /* Escritorio: el fondo por defecto (logo) lo pone cada tienda */
  --foto-fondo: none;
  color-scheme: dark;
}