/* ===========================================================
   INTERMODA · Tokens de diseño (Material Design 3, adaptado)
   Basado en KioskoIntermoda2/styles.css, con la paleta real de
   la marca en vez de los placeholders del prototipo:
     --accent  = naranja ya usado hoy en toda la app (#FF6A00)
     --primary = turquesa adoptado en la edición actual para
                 rutas/indicaciones (commit d9f4dad, #00B5B5)
   Se carga después de style.css/bootstrap.css: no choca con nada
   existente porque hoy no hay ningún :root con custom properties.
   =========================================================== */
:root {
  /* --- Colores de marca --- */
  --primary: #00b5b5;
  --primary-hover: #009191;
  --on-primary: #ffffff;
  --primary-container: #dcf5f5;
  --on-primary-container: #003d3d;

  --accent: #ff6a00;
  --accent-hover: #e85f00;
  --on-accent: #ffffff;
  --accent-container: #ffe6d2;

  /* --- Neutros (superficies) --- */
  --bg: #fbf8fb;
  --surface: #ffffff;
  --surface-1: #faf7f9;
  --surface-2: #f2eef2;
  --surface-3: #e9e4e9;
  --outline: #e1dde1;
  --outline-strong: #c7c2c7;

  --text: #1c1b1f;
  --text-2: #49454f;
  --text-3: #79747e;

  --shadow-1: 0 1px 2px rgba(0,0,0,.06), 0 1px 3px rgba(0,0,0,.04);
  --shadow-2: 0 4px 12px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.05);
  --shadow-3: 0 12px 32px rgba(0,0,0,.10), 0 4px 12px rgba(0,0,0,.06);

  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 999px;

  --ease: cubic-bezier(.2,.8,.2,1);

  /* Paletas de pabellón (portadas con gradiente, decorativas) */
  --pab-dama:        linear-gradient(135deg,#ffb3c1,#ff6f91);
  --pab-caballero:   linear-gradient(135deg,#3a4a6b,#1f2a44);
  --pab-infantil:    linear-gradient(135deg,#ffd166,#ffb703);
  --pab-gala:        linear-gradient(135deg,#00b5b5,#0a7a7a);
  --pab-accesorios:  linear-gradient(135deg,#c9b1ff,#7a5af8);
  --pab-proveeduria: linear-gradient(135deg,#5e6472,#2c3140);
  --pab-calzado:     linear-gradient(135deg,#a26b3f,#5d3a1a);
  --pab-denim:       linear-gradient(135deg,#4d6a92,#1f3a5f);
  --pab-trending:    linear-gradient(135deg,#ff8fa3,#ff4d6d);
  --pab-chouroom:    linear-gradient(135deg,#212529,#495057);
  --pab-internacional:linear-gradient(135deg,#06aed5,#0353a4);
  --pab-impulsa:     linear-gradient(135deg,#ff6a00,#ffb703);
}

/* Tipografía base: Inter reemplaza a Open Sans/system-ui como familia principal */
body {
  font-family: 'Inter', 'Open Sans', system-ui, -apple-system, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
}
.material-symbols-rounded {
  font-variation-settings: 'FILL' 0, 'wght' 500, 'GRAD' 0, 'opsz' 24;
}