/* ============================================================
   Sanlúcar Limpia — Tokens (identidad "Segunda vida")
   Palette cálida, editorial y cívica.
   ============================================================ */
:root{
  /* Colores base */
  --paper:#F5F3F0;
  --surface:#EFEAE4;
  --paper-strong:#E6DFD7;
  --ink:#1F2321;
  --ink-soft:#4C4F4D;
  --muted:#6D706D;
  --border:#D9D0C7;
  --accent:#B85A3B;
  --olive:#5B6657;
  --sea:#214F5A;
  --success:#3D6E4E;
  --warning:#C77733;
  --danger:#B34234;
  --white:#FFFFFF;
  --glass:rgba(255,255,255,.44);
  --glass-border:rgba(31,35,33,.14);
  /* Variables para vistas oscuras / panel y reportes */
  --deep:#05131C;
  --abyss:#05131C;
  --deep-2:#0E1F2C;
  --foam:#EAFBF8;
  --mist:#A9BBB8;
  --aqua:#19E3D1;
  --lime:#C6FF4A;
  --coral:#FF6D7A;
  --brand-gradient:linear-gradient(135deg, var(--aqua), var(--lime));
  /* Tipografía */
  --display:'Bricolage Grotesque', 'Segoe UI', sans-serif;
  --body:'IBM Plex Sans', 'Segoe UI', sans-serif;
  --mono:'IBM Plex Mono', 'SFMono-Regular', monospace;
  /* Radios */
  --r-sm:8px; --r-md:12px; --r-lg:18px; --r-xl:28px; --r-full:9999px;
  /* Espaciado */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s6:24px; --s8:32px; --s12:48px; --s16:64px; --s24:96px;
  /* Layout */
  --maxw:1200px; --gutter:24px; --margin-mobile:16px;
}