:root {
    /* ---------- DEFAULT COLORS ---------- */
    --default-blue: #1224b0; /* default modra */
    --default-blue-transparent-2: rgba(18, 36, 176, 0.2); /* default modra priehladna 0.2 */
    --default-gray-text: #696969; /* sivy text (Contrast AA) */
    --default-green-text: #006600; /* sivy text (Contrast AAA) */
    --default-info-text: #117888; /* sivy text (Contrast AA) */

    /* ---------- WEB COLORS dodane ---------- */
    --dodana-modra-tmava: #1224b0;
    --dodana-oranzova: #fd9167;
    --dodana-modra-svetla: #6370fb;
    --dodana-zelena-svetla: #6cca44;
    --dodana-zelena-tmava: #64b243;


    /* ---------- MENU ---------- */
    --default-blue-menu-bg-light: #bac1f8; /* svetlejsi odtien z #1224b0 */

    /* ---------- MODRE LINKY ---------- */
    --default-blue-link: #1224b0; /* default modra */
    --default-blue-link-hover: #2f45e9; /* svetlejsi odtien z #1224b0 */
    --default-blue-link-underline: #2f45e9; /* svetlejsi odtien z #1224b0 */
    --default-blue-link-underline-hover: #1224b0; /* default modra */

    /* ---------- BIELE LINKY ---------- */
    --default-white-link: lightyellow; /* lightyellow */
    --default-white-link-hover: lightcyan; /* svetla cyan */
    --default-white-link-underline: lightcyan; /* svetla cyan */
    --default-white-link-underline-hover: NavajoWhite; /* NavajoWhite */


    /* ---------- PREMENNE NA defaultcolor/contrastcolor ---------- */
    --img-color: block;
    --img-gray: none;


    /* ---------- PAGINATION ---------- */
    --pagination-color: #0D6EFD;
    --pagination-bgcolor: white;
    --pagination-color-active: white;
    --pagination-bgcolor-active: #0D6EFD;


    /* ---------- HOMEPAGE HEADER ---------- */
    --homepage-header-button: #6cca44;
    --homepage-header-button-hover: #458b27;
    --grayscale-filter: 0%;

    /* ---------- HOMEPAGE SOC. ICONS ---------- */
    --homepage-header-socicon: #6370fb;
    --homepage-header-socicon-hover: #838dfc;

    /* ---------- HOMEPAGE PICTOGRAMS ---------- */
    --homepage-btn-cyanblue-background: #6370fb;
    --homepage-btn-cyanblue-border: #6370fb;
    --homepage-btn-cyanblue-background-hover: transparent;
    --homepage-btn-cyanblue-border-hover: white;

    /* ---------- HOMEPAGE EVENT ---------- */
    --homepage-event-bg: #6cca44;

    /* ---------- HOMEPAGE TWO INFO ---------- */
    --homepage-twoinfo-bg-1: #6370fb;
    --homepage-twoinfo-bg-2: #6cca44;
    --homepage-twoinfo-border: transparent;

    /* ---------- HOMEPAGE PROJECTS INFO ---------- */
    --homepage-projectsinfo-text: #696969;

    /* ---------- HOMEPAGE NEWSLETTER ---------- */
    --homepage-newsletter-bg: #fd9167;
    --newsletter-btn-background: #0d6efd;
    --newsletter-btn-border: #0d6efd;
    --newsletter-btn-background-hover: #0b5ed7;
    --newsletter-btn-border-hover: #0b5ed7;


    /* ---------- SUBPAGE: IMAGE HEADER ---------- */
    --image-header-bg: #6370FB;

    /* ---------- SUBPAGE: ACTUALITY ---------- */
    --color-default-contrast: inherit;

    /* ---------- SUBPAGE: DOCUMENTS ---------- */
    --document-category-projekt: #cc0099;
    --document-category-mobilita: #e29c03;
    --document-category-vykurovanie: #d94a0d;
    --document-category-predeti: #28a428;
    --document-category-ovzdusie: #004de6;
    --document-category-projekt-bg: #ffe0cc;
    --document-category-mobilita-bg: #ffe6cc;
    --document-category-vykurovanie-bg: #fbcbb7;
    --document-category-predeti-bg: #c2f0c2;
    --document-category-ovzdusie-bg: #b3ccff;
    --document-category-format: black;
    --document-category-format-bg: #737373;

    /* ---------- AKTUALITY ---------- */
    --actuality-category-id-1: #737373;
    --actuality-category-id-2: #3456a6;
    --actuality-category-id-3: #fdb71d;
    --actuality-category-id-4: #f26426;
    --actuality-category-id-5: #19a89d;
    --actuality-category-id-6: #4287f5;
}