:root {
    --bg-white: #ffffff;/* Kolor tła standardowego i wszystkich białych elementów */
    --white-colour: #ffffff;/* Kolor białych tekstów */
    --text-colour: #333333;/* Kolor głównego tekstu */
    --text-gray-colour: #78909C;/* Kolor tekstu wyszarzonego */
    --text-faded: #9fafb7;/* Kolor tekstu wytłumionego */
    --danger-colour: #c2305b;/* Kolor borderów i tekstów w alertach z błędami oraz elementów ważnych i wymagających uwagi */
    --danger-colour-hover: #ff5e85;/* Hover na elementach wymagających uwagi */
    --danger-background: #ffe5eb;/* Kolor tła alertów z błędami */
    --success-colour: #00C853;/* Kolor borderów i tekstów w alertach z sukcesem */
    --success-background: #f2fcf6;/* Kolor tła alertów z sukcesem */
    --lighter-success-colour: #defde9;/* Kolor tła w miejscach z zaznaczonymi elementami (książka adresowa - wybrany adres) */
    --link-colour: #0d6efd;/* Kolor linków */
    --link-colour-hover: #6AA4FF;/* Hover na linkach */
    --secondary-background-colour: #eeeeee;/* Kolor tła elementów pobocznych (np. szare główne tło) */
    --lighter-secondary-background-colour: #f9f8fa;/*Jaśniejsze tło elementów pobocznych (np. tło wyników preflight) */
    --main-colour: #0076FF;/* Kolor główny (Przyciski, radio, elementy użyteczne w stylu strzałek na sliderach etc.) */
    --main-colour-selected: #004CCB;/* Kolor główny po wybraniu (Active na Przyciskach, radio etc.) */
    --main-colour-hover: #6AA4FF;/* Hover na głównych elementach */
    --black-colour: #000000;/* Kolor czarnego tekstu */
    --light-border-colour: #eeeeee;/* Kolor borderów jasnych (np. checkboxów, przerw w panelach w menu etc.) */
    --gray-border-colour: #cccccc;/* Kolor borderów szarych (np. wynik preflight, szara linia za elementami.) */
    --light-gray-border-colour: #B0BEC5;/*Kolor borderów jasnoszarych (Tabelki w Custom view) */
    --gray-blue-border-colour: #CFD8DC;/* Kolor borderów szaro-niebieskich (Inputy, textarea, przyciski z białym tłem) */
    --label-colour: #6c757d;/* Kolor labeli */
    --placeholder-colour: #B0BEC5;/* Kolor placeholderów */
    --disabled-colour: #5B5B5B;/* Kolor elementów wyłączonych */
    --disabled-background: #e9ecef;/* Kolor tła elementów wyłączonych */
    --input-colour: #212529;/* Kolor tekstu inputów */
    --webkit-scrollbar-colour: #333333;/* Kolor scrollbarów */
    --webkit-scrollbar-corner: #999999;/* Kolor kącikóœ scrollbarów */
    --orange-colour: #FFA400;/* Kolor gwiazdek w opiniach etc. */
    --light-green-colour: #00c853;/* Kolor zielonych elementów (Głównie przyciski jasnozielone do zamówień) */
    --light-green-colour-hover: #8AE59F;/* Hover na zielonych przyciskach */
    --white-svg-colour: #ffffff;/* Kolor białych ikon */
    --main-svg-colour: #0076FF;/* Kolor głównych ikon */
    --warning-colour: #FFC107;/* Kolor tekstóœ warningów */
}