/* ==================================================
   USTAWIENIA GLOBALNE

   Ten plik zawiera podstawowe zasady obowiązujące
   na całej stronie.
   ================================================== */


/* ==============================================
   RESET

   Usuwamy domyślne marginesy i odstępy przeglądarki.
   Dzięki temu mamy pełną kontrolę nad wyglądem.
   ============================================== */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/* ==============================================
   CAŁA STRONA

   Tutaj ustawiamy:
   - podstawową czcionkę,
   - zdjęcie tła,
   - kolor tekstu,
   - sposób wyświetlania tła.
   ============================================== */

body {
    font-family: var(--ui-font-body);

    /* Kolor awaryjny pod zdjęciem */
    background-color: var(--ui-color-background);

    /* Główne zdjęcie tła */
    background-image:
        linear-gradient(var(--ui-bg-overlay, transparent), var(--ui-bg-overlay, transparent)),
        var(--ui-background-image);

    /* Zdjęcie pokrywa cały ekran */
    background-size: cover;

    /* Punkt centralny zdjęcia */
    background-position: center;

    /* Nie powtarzamy zdjęcia */
    background-repeat: no-repeat;

    /* Tło pozostaje nieruchome podczas przewijania */
    background-attachment: fixed;

    /* Główny kolor tekstu */
    color: var(--ui-color-text);
}