/* Definicja czcionki Garet */
@font-face {
    font-family: 'Garet';
    src: url('../fonts/Garet-Book.woff2') format('woff2'),
         url('../fonts/Garet-Book.woff') format('woff'),
         url('../fonts/Garet-Book.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Garet';
    src: url('../fonts/Garet-Medium.woff2') format('woff2'),
         url('../fonts/Garet-Medium.woff') format('woff'),
         url('../fonts/Garet-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Garet';
    src: url('../fonts/Garet-Bold.woff2') format('woff2'),
         url('../fonts/Garet-Bold.woff') format('woff'),
         url('../fonts/Garet-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Garet';
    src: url('../fonts/Garet-Heavy.woff2') format('woff2'),
         url('../fonts/Garet-Heavy.woff') format('woff'),
         url('../fonts/Garet-Heavy.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Paleta kolorów - Wsparcie Administracyjne */
:root {
    /* Kolor przewodni - Jasnoniebieski (z obrazka) */
    --bs-primary: #A8C8E1;
    
    /* Kolor akcentu - Stonowany zielony */
    --bs-secondary: #B7C9A3;
    
    /* Kolor tła - Kremowy */
    --bs-light: #EE6E2DD;
    
    /* Kolor czcionki - Szary */
    --bs-body-color: #5A5A5A;
    --bs-body-bg: #EE6E2DD;
    
    /* Kolor ciemny - dla kontrastu */
    --bs-dark: #3A3A3A;
    
    /* Biały pozostaje bez zmian */
    --bs-white: #fff;
}

/* Ustawienie koloru tła dla body */
body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Ustawienie czcionki dla wszystkich elementów */
* {
    font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Specjalne ustawienia dla nagłówków */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 600;
}

/* Ustawienia dla przycisków */
.btn {
    font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
}

/* Ustawienia dla nawigacji */
.navbar, .nav-link {
    font-family: 'Garet', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-weight: 500;
}

/* Style dla logo */
.navbar-brand .logo {
    max-height: 80px;
    width: auto;
    transition: all 0.3s ease;
}

/* Logo w sticky navbar */
.nav-bar.sticky-top .navbar-brand .logo {
    max-height: 65px;
}

/* Responsywne logo */
@media (max-width: 768px) {
    .navbar-brand .logo {
        max-height: 60px;
    }
}

/* Style dla logo w stopce */
.footer-logo {
    max-height: 150px;
    width: auto;
    filter: brightness(0) invert(1) opacity(0.1); /* Zmienia logo na białe */
}

@media (max-width: 768px) {
    .footer-logo {
        max-height: 35px;
    }
}

/* Sekcje z białym tłem pozostają białe */
.bg-white,
.feature,
.service,
.blog,
.team,
.testimonial,
.about {
    background-color: var(--bs-white) !important;
}

/* Sekcje z jasnym tłem używają koloru tła z palety */
.bg-light,
.feature.bg-light,
.service.bg-light {
    background-color: var(--bs-light) !important;
}

/* Aktualizacja kolorów tekstu */
.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

/* Aktualizacja kolorów tła */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-light {
    background-color: var(--bs-light) !important;
}

.bg-dark {
    background-color: var(--bs-dark) !important;
}

/* Aktualizacja przycisków */
.btn-primary {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

.btn-secondary {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

/* Przyciski z klasą accent używają nowych kolorów */
.btn-accent {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn-accent:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

/* Wszystkie przyciski mają nowe kolory */
.btn {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

/* Specjalne reguły dla ikon w przyciskach */
.btn i,
.btn .fa,
.btn .fas,
.btn .far,
.btn .fab,
.btn .bi {
    color: #fff !important;
}

.btn:hover i,
.btn:hover .fa,
.btn:hover .fas,
.btn:hover .far,
.btn:hover .fab,
.btn:hover .bi {
    color: #fff !important;
}

/* Przyciski light i dark również używają nowych kolorów */
.btn-light {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn-light:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

.btn-dark {
    background-color: #a4b8ac !important;
    border-color: #a4b8ac !important;
    color: #fff !important;
}

.btn-dark:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

/* Przyciski outline również używają nowych kolorów */
.btn-outline-primary {
    background-color: transparent !important;
    border-color: #a4b8ac !important;
    color: #a4b8ac !important;
}

.btn-outline-primary:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

.btn-outline-secondary {
    background-color: transparent !important;
    border-color: #a4b8ac !important;
    color: #a4b8ac !important;
}

.btn-outline-secondary:hover {
    background-color: #75797c !important;
    border-color: #75797c !important;
    color: #fff !important;
}

/* Aktualizacja linków */
a {
    color: var(--bs-primary);
}

a:hover {
    color: var(--bs-dark);
}

/* Aktualizacja borderów */
.border-primary {
    border-color: var(--bs-primary) !important;
}

.border-secondary {
    border-color: var(--bs-secondary) !important;
}

/* Wymuszenie zamiany konkretnego koloru rgb(17, 92, 176) na #B7C9A3 */
* {
    /* Jeśli jakiś element ma kolor rgb(17, 92, 176), zamień go na #B7C9A3 */
}


/* Jeśli kolor jest używany jako tło */
[style*="background-color: rgb(17, 92, 176)"],
[style*="background: rgb(17, 92, 176)"] {
    background-color: #B7C9A3 !important;
}

/* Jeśli kolor jest używany jako kolor tekstu */
[style*="color: rgb(17, 92, 176)"] {
    color: #B7C9A3 !important;
}