/* SYM Market® — tokens de marca · Brand Book v3.0 (3-oct-2026) · valores sin cambios desde v2.1
   Logo v2.1 vectorial. Paleta completa. Fuente: Brand-Book-SYM-v3.0.md. No inventar fuera de aquí. */
:root{
  /* Marca */
  --sym-navy:#153056;        /* azul SYM: logotipo, titulares, texto, fondos oscuros */
  --sym-navy-deep:#17263C;   /* azul noche: contorno del carro, pie */
  --sym-orange:#DF8000;      /* naranja SYM: acento y ahorro. Nunca texto blanco encima */
  /* Ilustración (solo logo e ilustraciones de marca) */
  --sym-ill-azul-carro:#3777BA;
  --sym-ill-celeste:#5ECBFB;
  --sym-ill-brillo:#EAF3FB;
  --sym-ill-oro:#DFB03B;
  --sym-ill-oxido:#BE3910;
  --sym-ill-plata:#DCE5F0;
  --sym-grad-moneda:linear-gradient(180deg,#E2BE45,#DFB03B,#DF8000,#C4520E,#A9350C);
  --sym-grad-estela:linear-gradient(90deg,#E9C24A,#DFB03B,#DF8000,#BE3910);
  /* Escalas tonales (800 azul = azul SYM · 400 naranja = naranja SYM · 600 celeste = azul carro · 700 gris = secundario) */
  --azul-50:#F1F5FB; --azul-100:#E3EBF5; --azul-200:#CAD7EA; --azul-300:#B0C2DC; --azul-400:#92A6C3; --azul-500:#758BAA; --azul-600:#587092; --azul-700:#3D567A; --azul-800:#153056; --azul-900:#0C2649;
  --naranja-50:#FFF4E5; --naranja-100:#FFE7C9; --naranja-200:#FFD19C; --naranja-300:#FAAE6A; --naranja-400:#DF8000; --naranja-500:#C96F00; --naranja-600:#A85600; --naranja-700:#883D00; --naranja-800:#692600; --naranja-900:#4C0D00;
  --celeste-50:#EAF6FE; --celeste-100:#D6EEFD; --celeste-200:#B9DEFA; --celeste-300:#98C5F8; --celeste-400:#76A9E1; --celeste-500:#538DCB; --celeste-600:#3777BA; --celeste-700:#1E5790; --celeste-800:#073E70; --celeste-900:#002651;
  --gris-50:#F7F8FB; --gris-100:#F1F3F7; --gris-200:#E3E6EE; --gris-300:#BCC1CD; --gris-400:#9AA2B5; --gris-500:#838998; --gris-600:#686E7F; --gris-700:#5A6172; --gris-800:#373D4B; --gris-900:#212632;
  /* Acción */
  --sym-cta:#D76B00; --sym-cta-hover:#C25F00; --sym-cta-text:#FFFFFF;   /* texto blanco >=19px bold (3,5:1) */
  --sym-cta-small-bg:#DF8000; --sym-cta-small-text:#153056;            /* botón <19px (4,55:1) */
  --sym-link:#B45E00; --sym-link-hover:#8F4B00;                        /* 4,62:1 */
  --sym-focus:#3777BA;                                                  /* anillo de foco 2px */
  /* Neutros */
  --paper:#FFFFFF; --surface-alt:#F7F8FB; --surface-band:#F1F3F7; --rule:#E3E6EE; --muted:#5A6172; --faint:#9AA2B5; --ink:#153056;
  /* Semánticos (texto / fondo, AA en ambos) */
  --sym-exito:#1E7A4C; --sym-exito-bg:#E8F4EE;
  --sym-aviso:#9A5800; --sym-aviso-bg:#FDF2E2;
  --sym-error:#B42318; --sym-error-bg:#FCEBEA;
  --sym-info:#2C64A0; --sym-info-bg:#EAF2FB;
  /* Editorial B2C */
  --cat-precios:#3E628C; --cat-precios-bg:#EAF0F6;
  --cat-ahorra:#2F766D; --cat-ahorra-bg:#E8F2F0;
  --cat-cocina:#55754D; --cat-cocina-bg:#EDF2EA;
  --cat-guias:#685A87; --cat-guias-bg:#F0EDF5;
  --cat-radar:#8A5266; --cat-radar-bg:#F5ECEF;
  /* Datos: orden fijo de series en gráficos */
  --data-1:#153056; --data-2:#DF8000; --data-3:#3777BA; --data-4:#2F766D; --data-5:#8A5266; --data-6:#9AA2B5;
  /* Tipografía (el logotipo NO se escribe: se usa el archivo) */
  --font-sans:"Outfit","Segoe UI",system-ui,sans-serif;
  --fs-display:clamp(36px,5vw,64px); --fs-h2:32px; --fs-h3:22px; --fs-body:18px; --fs-lead:20px; --fs-meta:14px; --fs-chip:13px; --fs-btn:19px;
  /* Forma y espacio */
  --radius-btn:6px; --radius-card:12px; --radius-chip:999px;
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px; --space-6:48px; --space-8:64px; --content-max:1200px;
}