/* Compilado 1:1 desde brand/design-tokens.json para consumo offline de la PWA. */
:root{
  --blue-deep:#0B5EA8;
  --blue:#168BC1;
  --sky:#3ACAD3;
  --blue-ui:#125E8A;
  --navy:#082F55;
  --accent:var(--blue-deep);
  --accent-hover:var(--blue-ui);
  --accent-pressed:var(--navy);
  --brand-gradient:linear-gradient(135deg,var(--blue-deep) 0%,var(--blue) 52%,var(--sky) 100%);
  --paper:#EEF0EC;
  --paper-2:#E5E8E2;
  --panel:#FBFBF9;
  --ink:#111318;
  --ink-2:#464C54;
  --ink-3:#5F6973;
  --on-accent:#EEF0EC;
  --line:rgba(17,19,24,.13);
  --line-2:rgba(17,19,24,.22);
  --line-3:rgba(17,19,24,.30);
  --ok:#2E6E4E;
  --media:#8F5E0E;
  --alta:#8E3A2C;
  --ok-soft:rgba(46,110,78,.10);
  --media-soft:rgba(143,94,14,.10);
  --alta-soft:rgba(142,58,44,.10);
  --ok-bd:rgba(46,110,78,.30);
  --media-bd:rgba(143,94,14,.35);
  --alta-bd:rgba(142,58,44,.30);
  --accent-soft:#DDF3F6;
  --accent-bd:rgba(11,94,168,.32);
  --font-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --font-body:"IBM Plex Sans","Segoe UI",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --r-sm:4px;
  --r-md:6px;
  --r-lg:8px;
  --r-xl:12px;
}