/* =========================================================
   ZMIENNE GLOBALNE (CSS Custom Properties)
   Definiujemy kolory raz – używamy wszędzie przez var()
   ========================================================= */
:root {
    --green-color: #62B300;
    --blue-color:  #1472C4;
    --dark-color:  rgb(70, 65, 70);
    --white-color: #e6e6e6;
}

/* =========================================================
   RESET – zerujemy domyślne style przeglądarki
   ========================================================= */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

[hidden] { display: none !important; }

/* =========================================================
   BAZOWE STYLE DOKUMENTU
   ========================================================= */
html {
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat", sans-serif;
    color: #000;
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* =========================================================
   BAZOWY PADDING SEKCJI
   ========================================================= */
section {
    padding: 100px 200px;
}

@media (max-width: 1360px) {
    section { padding: 100px 100px; }
}

@media (max-width: 1040px) {
    section { padding: 100px 20px; }
}

@media (max-width: 660px) {
    section { padding: 100px 30px; }
}