/* Paleta SLEP y colores neutros accesibles */
:root {
    --slep-yellow: #f8d63c;
    --slep-blue: #1f84ec;
    --slep-red: #ff3c4c;
    --slep-light-red: #ff798a;
    --slep-cyan: #3abff0;
    --slep-light-green: #90d039;
  
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-600: #6c757d;
    --gray-800: #343a40;
    --white: #ffffff;
    --black: #000000;
  }

.page-anonymous .glpi-logo {
    --logo: url('/glpi/pics/logo-slep.png');
    content: var(--logo);
    width: 520px;
    height: 220px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    text-indent: -9999px;
    overflow: hidden;
  }

  .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(248, 214, 60, 1);
  }

    .btn-primary, .btn-outline-primary, .btn-ghost-primary {
    --tblr-btn-color: var(--slep-yellow);
    --tblr-btn-color-interactive: var(--slep-yellow);
    --tblr-btn-color-text: #1e293b;
    }
    
    .form-check-input:checked {
        background-color: var(--slep-yellow);
        border-color: rgba(98, 105, 118, 0.24);
    }