/* ============================================================================
   VARIABLES · Identidad visual de AMERICAN CLOSET
   ============================================================================
   Blanco hueso, no blanco puro. Texto casi negro, gris cálido para lo
   secundario. Un único acento (azul marino apagado, guiño a la bandera)
   reservado para precios y selección — nada de negro como fondo.
============================================================================ */

:root {
  /* Superficie */
  --color-bg: #faf8f3;
  --color-bg-elevada: #f0ece2;
  --color-bg-overlay: rgba(30, 27, 20, 0.45);

  /* Texto */
  --color-texto: #201d17;
  --color-texto-tenue: #6f6a5c;
  --color-texto-debil: #a39d8b;

  /* Líneas */
  --color-borde: #e2dcc9;
  --color-borde-fuerte: #cdc4a9;

  /* Acento único: azul marino apagado */
  --color-acento: #2f4a7a;
  --color-acento-tenue: #5c7099;

  /* Estado */
  --color-agotado: #a5342b;
  --color-exito: #3f7d4f;

  /* Tipografía */
  --fuente-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", serif;
  --fuente-cuerpo: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --fs-display-xl: clamp(2.75rem, 5vw + 1rem, 5.5rem);
  --fs-display-l: clamp(2rem, 3vw + 1rem, 3.25rem);
  --fs-heading: clamp(1.25rem, 1vw + 1rem, 1.5rem);
  --fs-body: 0.95rem;
  --fs-small: 0.8rem;
  --fs-micro: 0.7rem;

  --lh-tight: 1.05;
  --lh-cuerpo: 1.6;

  --tracking-amplio: 0.12em;
  --tracking-mas-amplio: 0.22em;

  /* Espaciado */
  --espacio-1: 0.25rem;
  --espacio-2: 0.5rem;
  --espacio-3: 1rem;
  --espacio-4: 1.5rem;
  --espacio-5: 2.5rem;
  --espacio-6: 4rem;
  --espacio-7: 6rem;

  --radio: 1px;
  --ancho-panel: min(420px, 92vw);

  /* Movimiento */
  --ease-salida: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-entrada-salida: cubic-bezier(0.65, 0, 0.35, 1);
  --duracion-rapida: 180ms;
  --duracion-base: 320ms;
  --duracion-lenta: 520ms;

  /* Capas */
  --z-anuncio: 50;
  --z-panel: 60;
  --z-modal: 70;
  --z-toast: 80;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duracion-rapida: 0ms;
    --duracion-base: 0ms;
    --duracion-lenta: 0ms;
  }
}