

:root {
    --primary-color: #0088cc;        /* Azul principal SISS */
    --primary-light: #bcdaef;        /* Azul claro para fondos */
    --text-color: #0a2847;           /* Color texto principal */
    --secondary-text: #6c757d;       /* Texto secundario */
    --border-color: #dee2e6;         /* Color bordes */
    --background-color: #f8f9fa;     /* Fondo gris claro */
  }
  
  /* Estilos globales */
  html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: var(--text-color);
  }
  
  body {
    background-color: var(--background-color);
  }
  
  /* Clases de utilidad */
  .mb-1 { margin-bottom: 0.25rem !important; }
  .mb-2 { margin-bottom: 0.5rem !important; }
  .mb-3 { margin-bottom: 1rem !important; }
  .mb-4 { margin-bottom: 1.5rem !important; }
  .mt-1 { margin-top: 0.25rem !important; }
  .mt-2 { margin-top: 0.5rem !important; }
  .mt-3 { margin-top: 1rem !important; }
  .mt-4 { margin-top: 1.5rem !important; }
  
  /* Personalizaciones globales de PrimeNG */
  .p-component {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  }
  
  .p-button.p-button-text {
    &:focus {
      box-shadow: none;
    }
  }
  