:root {
  --color-principal: #3F5E8C;      /* Azul institucional del techo izquierdo */
  --color-secundario: #2F6E91;     /* Azul medio del techo derecho */
  --color-acento: #1F4E5F;         /* Azul petróleo (punta derecha) */
  --color-fondo: #F4F6F8;          /* Fondo claro neutro moderno */
  --color-texto: #575757;          /* Gris oscuro elegante */
  --color-menu: #FFFFFF;           /* Navbar superior */
  --color-contraste: #1F4E5F;       /* Para hover fuerte */
  --url-fondo: ;
  --color-row-error: #f87171;
  --color-row-ok: #bbf7d0;
  --color-row-warn: #fef08a;
  --color-link-active:white;
  --color-link-user-texto: white;
  --color-disabled: #1d1e1f52;
  
  --color-login-active:white;
  --font-family: Georgia, "Times New Roman", serif;
  --font-size:20px;
  --color-link: #2563eb; /* azul tipo tailwind */
  --color-link-hover:darkblue;

  --color-icons-login: #FF1E28;

}

@font-face {
  font-family: Brighton_Bold;
  src: url(http://localhost:4200/font/Brighton_Bold.ttf);
  unicode-range: U+0030-0039, U+0041-005A, U+0061-007A;
}