/*
 * Tokens de diseño PERCONSUR.
 * Paleta: blanco y gris muy claro de base, azul corporativo para marca y navegación,
 * naranja corporativo para acentos (banda, íconos, gráficas). Los botones y textos naranjas usan --cta / --cta-ink,
 * un tono más oscuro del mismo naranja que sí cumple contraste 4.5:1 (WCAG AA) con texto blanco o sobre fondo claro.
 * Tipografía: Inter para la interfaz (copia local en vendor/fonts, igual en iPhone, Android y Windows; si no carga,
 * la del sistema); Archivo condensada solo para el logotipo.
 * Escala de 7 tamaños (estilos de texto de iOS); ningún texto de la interfaz mide menos de 12 px. Los documentos y
 * PDF (documents.css) conservan sus tamaños de impresión y los logotipos el suyo.
 * Motivo gráfico: la banda corrugada azul/naranja de los documentos (puerta de contenedor).
 */
:root{
  --blue:#354FA3; --blue-d:#233878; --blue-m:#4A63B5; --blue-t:#EEF1F8; --tint:#354FA3;
  --orange:#F26F22; --orange-d:#D65B15; --orange-t:#FEF3EC;
  --cta:#C4500F; --cta-d:#A8440D; --cta-ink:#B84A0E; --focus:#C4500F;
  --canvas:#F4F5F8; --surface:#FFFFFF; --surface-2:#F5F6F9; --fill:#E9EBF0;
  --ink:#1A2233; --ink-2:#4A5468; --muted:#5F6879; --line:#E3E6ED; --line-2:#D3D8E2;
  --ok:#1E7A4C; --ok-t:#E6F3EB; --warn:#B4441A; --warn-t:#FDF1E9; --danger:#C62828; --danger-t:#FCECEC;
  --wa:#1FAF55;
  /* Constantes en ambos temas: texto sobre color sólido y colores de la banda corrugada de la marca */
  --on-color:#FFFFFF; --brand-orange:#F26F22; --brand-orange-d:#D65B15; --brand-orange-m:#F58A4A;
  /* Elevación: 1 tarjeta · 2 flotante (controles, pines del mapa, hojas de papel) · 3 superpuesto (hojas, diálogos,
     ventanas del mapa, avisos) · up hoja inferior que sube desde el borde */
  --shadow-1:0 1px 2px rgba(20,30,55,.06);
  --shadow-2:0 2px 8px rgba(15,25,45,.22);
  --shadow-3:0 10px 30px rgba(15,25,45,.24);
  --shadow-up:0 -6px 26px rgba(15,25,45,.2);
  /* Esquinas: 2xs detalles (barras, muestras) · xs insignias y etiquetas · sm controles (botones, campos, íconos)
     · r tarjetas y hojas · pill chips y píldoras. Los círculos usan 50 %. */
  --r-2xs:4px; --r-xs:8px; --r-sm:12px; --r:16px; --r-pill:999px;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --fs-caption:12px; --fs-footnote:13px; --fs-subhead:15px; --fs-body:17px; --fs-title3:20px; --fs-title2:24px; --fs-title1:30px;
  --font-brand:"Archivo","Arial Narrow",Arial,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --sat:env(safe-area-inset-top,0px); --sab:env(safe-area-inset-bottom,0px);
  --sal:env(safe-area-inset-left,0px); --sar:env(safe-area-inset-right,0px);
  --tab-h:56px; --bar-h:68px;
  /* Capas de la interfaz (de abajo hacia arriba). Los valores 0–5 dentro de un componente son locales. */
  --z-sticky:100; --z-nav:200; --z-sheet:300; --z-busy:1000; --z-toast:1500; --z-login:1800; --z-intro:1900; --z-splash:2000;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --tint:#93A7EE; --blue-t:#1A2442; --orange:#FF7A33; --orange-d:#E8661F; --orange-t:#2C1D14; --cta-ink:#FF8A4A; --focus:#FF8A4A;
    --canvas:#0E1219; --surface:#161B25; --surface-2:#1C2230; --fill:#242B3A;
    --ink:#E8EBF2; --ink-2:#B6BDCC; --muted:#8A93A6; --line:#252C3A; --line-2:#323B4D;
    --ok:#5BC98E; --ok-t:#13281D; --warn:#FF9A62; --warn-t:#2B1A10; --danger:#FF6B6B; --danger-t:#2C1515;
    --shadow-1:none; --shadow-2:0 2px 8px rgba(0,0,0,.5); --shadow-3:0 10px 32px rgba(0,0,0,.5); --shadow-up:0 -6px 26px rgba(0,0,0,.5);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --tint:#93A7EE; --blue-t:#1A2442; --orange:#FF7A33; --orange-d:#E8661F; --orange-t:#2C1D14; --cta-ink:#FF8A4A; --focus:#FF8A4A;
  --canvas:#0E1219; --surface:#161B25; --surface-2:#1C2230; --fill:#242B3A;
  --ink:#E8EBF2; --ink-2:#B6BDCC; --muted:#8A93A6; --line:#252C3A; --line-2:#323B4D;
  --ok:#5BC98E; --ok-t:#13281D; --warn:#FF9A62; --warn-t:#2B1A10; --danger:#FF6B6B; --danger-t:#2C1515;
  --shadow-1:none; --shadow-2:0 2px 8px rgba(0,0,0,.5); --shadow-3:0 10px 32px rgba(0,0,0,.5); --shadow-up:0 -6px 26px rgba(0,0,0,.5);
  color-scheme:dark;
}