/*
 * Infratuc — tokens de marca (marca blanca: cambiar solo esto).
 *
 * Fuente canonica para la evolucion multi-organizacion del portal publico
 * (nombre y colores por config, nunca hardcodeados en los componentes).
 *
 * Este proyecto no compila los templates publicos con Vite (ver bercovich,
 * tumundoconstructor, etc.: sirven CSS estatico desde public/theme-front).
 * Por eso este archivo es el ORIGEN versionado de los tokens, y se mantiene
 * espejado byte-a-byte en:
 *   public/theme-front/gobierno/infratuc/css/tokens.css
 * que es el que el layout realmente enlaza via @asset_v(). Si cambias un
 * token, actualiza los dos archivos.
 *
 * Origen: documents/infratuc-portal.html (bloque <style>, "Tokens de marca")
 */
:root{
  --it-asphalt:#26333A;
  --it-asphalt-deep:#1B252A;
  --it-blue:#155E8B;
  --it-blue-deep:#0F4A6E;
  --it-amber:#F2B01E;
  --it-amber-deep:#D99A0E;
  --it-red:#B42318;
  --it-paper:#F3F5F4;
  --it-line:#DCE2E0;
  --it-ink:#1E2A30;
  --it-muted:#5B6B70;
  --it-font-display:'Barlow Semi Condensed', 'Arial Narrow', system-ui, sans-serif;
  --it-font-body:'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/*
 * Capa del PANEL PRIVADO (--itp-*).
 *
 * Viven aca y no en panel.css porque el login y el registro tambien las
 * usan, y esas dos vistas extienden el layout PUBLICO: no bajan panel.css.
 * Dos archivos con la misma paleta es como divergen dos azules que
 * deberian ser el mismo.
 *
 * Espejo obligatorio: resources/css/_tokens.css
 */
:root{
  --itp-blue:#1B6EF3;
  --itp-blue-strong:#1560DC;
  --itp-blue-soft:#EAF2FE;
  --itp-blue-ink:#0F2C5C;
  --itp-accent:#2F86FF;

  --itp-bg:#F4F7FD;
  --itp-surface:#FFFFFF;
  --itp-line:#E3EAF6;
  --itp-line-strong:#CFDBEF;

  --itp-ink:#16243B;
  --itp-muted:#64748B;

  --itp-amber-bg:#FDF1CE;
  --itp-amber-ink:#7A5800;
  --itp-sky-bg:#DCEAFE;
  --itp-sky-ink:#1A4FA3;
  --itp-green-bg:#D4F4E4;
  --itp-green-ink:#0B6E40;
  --itp-violet-bg:#EADDFB;
  --itp-violet-ink:#62299F;
  --itp-red-bg:#FCDCDC;
  --itp-red-ink:#A8221A;
  --itp-slate-bg:#E7EDF6;
  --itp-slate-ink:#41506B;

  --itp-sidebar-w:264px;
  --itp-topbar-h:72px;
  --itp-radius:14px;
  --itp-radius-sm:10px;
  --itp-shadow:0 1px 2px rgba(16,36,70,.04), 0 8px 24px rgba(16,36,70,.06);
  --itp-shadow-lift:0 10px 30px rgba(16,36,70,.10);
  --itp-dur:.16s;
  --itp-ease:cubic-bezier(.2,.7,.3,1);
}