/* 🌐 Global font */
html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* 🔗 Link & button primary color */
a, .btn-link {
    color: #006bb7;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* ⚠️ Blazor error UI */
.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDki...)
    no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred.";
}

/* 🔴 Validation messages */
.validation-message {
    color: #e50000;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.logo-hover:hover {
    filter: brightness(0.95); /* lekko przyciemnia przy hoverze */
    transition: 0.2s;
}

.btn.btn-menu-green {
    background-color: #1e7e34 !important; /* ciemniejszy zielony */
    color: white !important;
    border-radius: 10px;
    transition: all 0.2s ease-in-out;
}

.btn.btn-menu-green:hover {
    background-color: #19692c !important; /* jeszcze ciemniejszy na hover */
    transform: scale(1.05);
}

.text-darkblue {
    color: #003366 !important; /* ciemny niebieski */
}



.bg-light-green {
    background-color: #d4edda !important; /* jasna zieleń, podobna do Bootstrap success-light */
    color: #155724; /* opcjonalny domyślny kolor tekstu, pasujący do tła */
}

.bg-dark-green {
    background-color: #155724 !important; /* ciemna zieleń, pasująca do Bootstrapowego success */
    color: #d4edda !important; /* jasny tekst, pasujący do ciemnego tła */
}

.bg-primary-gradient {
    background: linear-gradient(135deg, var(--bs-primary), #4e9eff);
}