html {
    scroll-behavior: smooth; /* Zastępuje całkowicie potrzebę używania JS do płynnego przewijania! */
    scroll-padding-top: 130px; /* Margines ochronny - sekcje zatrzymają się z bezpiecznym odstępem poniżej menu */
}

:root {
    /* Nowa paleta kolorów - Radosna, relaksująca, profesjonalna */
    --bs-primary: #2B4C59; /* Głęboki, spokojny morski/granat */
    --bs-secondary: #87A89A; /* Szałwiowa zieleń - spokój i natura */
    --bs-accent: #F2A65A; /* Radosny, ciepły pomarańczowy na akcenty */

    --bs-body-bg: #F9F8F6; /* Ciepłe, niemęczące tło */
    --bs-body-color: #333333; /* Grafitowy zamiast czystej czerni - lepszy kontrast WCAG */

    /* Typografia */
    --bs-font-sans-serif: 'Inter', sans-serif;
    --bs-heading-font-family: 'Nunito', sans-serif;
}
/* Subtelne, radosne tło paska nawigacji z efektem rozmycia (Glassmorphism) */
.navbar-verde {
    background-color: var(--bs-primary); /* Dziedziczy główny ciemny kolor (#2B4C59) */
    transition: background-color 0.3s ease;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px); /* Konieczne dla wsparcia w Apple Safari */
}

/* Aplikacja fontów na nagłówki */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--bs-heading-font-family);
    font-weight: 700;
    color: var(--bs-primary);
}

/* Globalne tło i font body */
body {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    font-family: var(--bs-font-sans-serif);
    line-height: 1.7; /* Zwiększona interlinia dla lepszej skanowalności (WCAG) */
}
.hero_span {
    color: var(--bs-accent, #F2A65A);
}

/* Własne stylowanie kart dla usług (lekkie, nowoczesne cienie) */
.card {
    background-color: #ffffff;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0, 0.08);
}

/* Stylowanie przycisków */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    border-radius: 8px; /* Lekkie zaokrąglenie, spójne z fontem Nunito */
    font-weight: 600;
    padding: 0.6rem 1.5rem;
}

.btn-primary:hover {
    background-color: var(--bs-accent); /* Radosny akcent po najechaniu */
    border-color: var(--bs-accent);
}