[data-bs-theme="dark"] {
    --bs-gray-100: #212529; /* Tmavší pozadí */
    --bs-gray-200: #343a40;
    --bs-gray-300: #495057;
    --bs-gray-400: #6c757d;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #ced4da;
    --bs-gray-700: #dee2e6;
    --bs-gray-800: #e9ecef;
    --bs-gray-900: #f8f9fa;

    --bs-primary: #83c5ba; /* Lehce zesvětlené */
    --bs-secondary: #f3c985;
    --bs-success: #13b892;
    --bs-info: #4ec9ff;
    --bs-warning: #ffc74d;
    --bs-danger: #ff568d;
    --bs-light: #495057;
    --bs-dark: #f8f9fa;

    --bs-primary-rgb: 131, 197, 186;
    --bs-secondary-rgb: 243, 201, 133;
    --bs-success-rgb: 19, 184, 146;
    --bs-info-rgb: 78, 201, 255;
    --bs-warning-rgb: 255, 199, 77;
    --bs-danger-rgb: 255, 86, 141;
    --bs-light-rgb: 73, 80, 87;
    --bs-dark-rgb: 248, 249, 250;

    --bs-body-color-rgb: 200, 200, 200; /* Zesvětlená barva textu */
    --bs-body-bg-rgb: 33, 37, 41; /* Tmavší pozadí */

    --bs-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); /* Tmavý průhledný gradient */

    --bs-body-color: #c8c8c8; /* Světlejší text */
    --bs-body-bg: #212529; /* Tmavé pozadí */

    /* Gradienty pro dark theme */
    --gradient: linear-gradient(to right, rgb(31, 81, 74) 0%, rgb(26, 71, 65) 100%);
    --gradient-sec: linear-gradient(to right, rgb(112, 90, 31) 0%, rgb(92, 73, 25) 100%);

    /* Primární barvy */
    --primary: #1f514a; /* Tmavě zelená, lépe kontrastuje v dark theme */
    --primary-hover: #1a4741;
    --primary-dark: #143732;
    --rgba-primary-1: rgba(31, 81, 74, 0.1);
    --rgba-primary-2: rgba(31, 81, 74, 0.2);
    --rgba-primary-3: rgba(31, 81, 74, 0.3);
    --rgba-primary-4: rgba(31, 81, 74, 0.4);
    --rgba-primary-5: rgba(31, 81, 74, 0.5);
    --rgba-primary-6: rgba(31, 81, 74, 0.6);
    --rgba-primary-7: rgba(31, 81, 74, 0.7);
    --rgba-primary-8: rgba(31, 81, 74, 0.8);
    --rgba-primary-9: rgba(31, 81, 74, 0.9);

    /* Sekundární barvy */
    --secondary: #705a1f; /* Tmavší odstín hnědé/zlaté */
    --secondary-hover: #5a4719;
    --secondary-dark: #443611;
    --rgba-secondary-1: rgba(112, 90, 31, 0.1);
    --rgba-secondary-2: rgba(112, 90, 31, 0.2);
    --rgba-secondary-3: rgba(112, 90, 31, 0.3);
    --rgba-secondary-4: rgba(112, 90, 31, 0.4);
    --rgba-secondary-5: rgba(112, 90, 31, 0.5);
    --rgba-secondary-6: rgba(112, 90, 31, 0.6);
    --rgba-secondary-7: rgba(112, 90, 31, 0.7);
    --rgba-secondary-8: rgba(112, 90, 31, 0.8);
    --rgba-secondary-9: rgba(112, 90, 31, 0.9);

    /* Další barvy */
    --grey: #2b2a33; /* Tmavě šedá pro dark theme */
    --title: #dadada; /* Světlý odstín pro nadpisy */
}

[data-bs-theme="light"] {
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #29665d;
    --bs-secondary: #EAA451;
    --bs-success: #029e76;
    --bs-info: #00aeff;
    --bs-warning: #fea500;
    --bs-danger: #FF1E6F;
    --bs-light: #f5f5f5;
    --bs-dark: #212529;
    --bs-primary-rgb: 234, 164, 81;
    --bs-secondary-rgb: 26, 22, 104;
    --bs-success-rgb: 2, 158, 118;
    --bs-info-rgb: 0, 174, 255;
    --bs-warning-rgb: 254, 165, 0;
    --bs-danger-rgb: 255, 30, 111;
    --bs-light-rgb: 245, 245, 245;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 119, 119, 119;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-color: #777777;
    --bs-body-bg: #ffffff;


    --gradient: linear-gradient(to right, rgb(41, 102, 93) 0%, rgb(36, 95, 87) 100%);
    --gradient-sec: linear-gradient(to right, rgb(135, 109, 38) 0%, rgb(112, 90, 31) 100%);

    --primary: #29665d;
    --primary-hover: #245f57;
    --primary-dark: #1c4a45;
    --rgba-primary-1: rgba(41, 102, 93, 0.1);
    --rgba-primary-2: rgba(41, 102, 93, 0.2);
    --rgba-primary-3: rgba(41, 102, 93, 0.3);
    --rgba-primary-4: rgba(41, 102, 93, 0.4);
    --rgba-primary-5: rgba(41, 102, 93, 0.5);
    --rgba-primary-6: rgba(41, 102, 93, 0.6);
    --rgba-primary-7: rgba(41, 102, 93, 0.7);
    --rgba-primary-8: rgba(41, 102, 93, 0.8);
    --rgba-primary-9: rgba(41, 102, 93, 0.9);

    --secondary: #876d26;
    --secondary-hover: #705a1f;
    --secondary-dark: #544517;
    --rgba-secondary-1: rgba(135, 109, 38, 0.1);
    --rgba-secondary-2: rgba(135, 109, 38, 0.2);
    --rgba-secondary-3: rgba(135, 109, 38, 0.3);
    --rgba-secondary-4: rgba(135, 109, 38, 0.4);
    --rgba-secondary-5: rgba(135, 109, 38, 0.5);
    --rgba-secondary-6: rgba(135, 109, 38, 0.6);
    --rgba-secondary-7: rgba(135, 109, 38, 0.7);
    --rgba-secondary-8: rgba(135, 109, 38, 0.8);
    --rgba-secondary-9: rgba(135, 109, 38, 0.9);


    --grey: #f7f7f7;
    --title: #1a1668;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--title);
}

.site-header .main-bar {
    background: var(--bs-body-bg);
}

.footer-category {
    background: var(--bs-gray-400);
}

.header-nav .nav > li .mega-menu, .header-nav .nav > li .sub-menu {
    background-color: var(--bs-gray-300);
}


.btn-outline-secondary {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-outline-secondary:hover {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.dz-card.style-2 .dz-info .dz-tags li a {
    background-color: var(--secondary);
    color: var(--title);
}

.btn-secondary {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.btn-secondary:hover {
    color: #ffffff;
    background-color: var(--secondary);
    border-color: var(--secondary);
}

.mo-left .header-nav {
    overflow-y: auto;
    background-color: var(--bs-body-bg);
}

.overlay-secondary-light:before, .overlay-secondary-middle:before, .overlay-secondary-dark:before {
    background-color: var(--rgba-secondary-9);
}