/* =========================================================
   Macss — Variables de diseño
   Cambia aquí colores, fuentes y tiempos y se aplica a toda la web.
   ========================================================= */
:root {
  /* Colores */
  --fondo: #121212;          /* fondo general, gris casi negro */
  --fondo-elevado: #1a1a1b;  /* tarjetas, cajón del carrito */
  --pared: #19191a;          /* pared de la galería */
  --texto: #ecebe7;
  --texto-suave: #a3a29d;
  --texto-tenue: #64635f;
  --linea: rgba(255, 255, 255, 0.08);
  --linea-fuerte: rgba(255, 255, 255, 0.16);
  --acento: #efe9de;         /* botones principales */
  --acento-texto: #121212;
  --luz: rgba(255, 238, 214, 0.11); /* color de los focos de galería */
  --led: rgba(255, 165, 90, 0.2);    /* luz cálida de la tira LED bajo cada repisa */
  --led-tira: rgba(255, 205, 150, 0.9);

  /* Tipografía */
  --fuente: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  /* Fuente del nombre de la marca (logo y título de la portada).
     Para probar otra, cambia el nombre aquí y en el enlace de Google Fonts de index.html */
  --fuente-marca: "Bodoni Moda", "Didot", "Times New Roman", serif;
  --texto-xs: 0.6875rem;  /* 11px */
  --texto-sm: 0.8125rem;  /* 13px */
  --texto-md: 0.9375rem;  /* 15px */
  --texto-lg: 1.25rem;
  --texto-xl: clamp(1.75rem, 4vw, 3rem);
  --espaciado-letras: 0.14em;

  /* Medidas */
  --ancho-max: 1440px;
  --margen: clamp(16px, 4vw, 48px);
  --nav-alto: 64px;
  --radio: 6px;

  /* Movimiento */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --rapido: 200ms;
  --medio: 450ms;
  --lento: 800ms;
}