:root{
  /* Paleta institucional — valores exactos dados por el brief, no reinventar */
  --azul-principal: #0B4F8A;
  --azul-secundario: #1976D2;
  --azul-claro: #EAF3FB;
  --gris-oscuro: #344054;
  --gris-medio: #667085;
  --gris-claro: #F2F4F7;
  --blanco: #FFFFFF;
  --rojo: #D92D20;
  --rojo-claro: #FEF3F2;
  --rojo-oscuro: #7A271A;
  --naranja: #B54708;
  --naranja-claro: #FFFAEB;
  --verde: #067647;
  --verde-claro: #ECFDF3;
  --azul-noche: #101828;
  --azul-noche-2: #1D2939;
  --gris-linea: #E4E7EC;
  --gris-borde: #D0D5DD;

  --radius: 10px;
  --radius-sm: 6px;
  --shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --header-h: 56px;
  --bottomnav-h: 60px;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  /* Escala z-index semántica — nunca usar valores arbitrarios tipo 999 */
  --z-sticky: 10;
  --z-dropdown: 20;
  --z-modal-backdrop: 30;
  --z-modal: 40;
  --z-toast: 50;
}