[data-color="theme-teal"].light-style {
    --bs-primary: #20c997 !important;
    --bs-primary-rgb: 32, 201, 151 !important;
    --bs-primary-text-emphasis: #0d503c !important;
    --bs-primary-bg-subtle: #d1f2ea !important;
    --bs-primary-border-subtle: #a3e5d5 !important;
}

    /* Page Title */
    [data-color="theme-teal"].light-style .page-title {
        color: #20c997;
    }

    [data-color="theme-teal"].light-style .page-title-0 {
        color: #1aa67d;
        background: linear-gradient(to top, #1aa67d 1%, var(--bs-card-bg) 8%);
    }

    /* Horizontal Menu Styling */
    [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal {
        background-color: #20c997 !important;
        color: #ffffff !important;
    }

        [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link {
            color: #ffffff !important;
        }

            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link:hover {
                background-color: #19a589 !important;
                color: #ffffff !important;
            }

            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.active {
                background-color: #1ab394 !important;
                color: #ffffff !important;
            }

            /* Dropdown Toggle Styling */
            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover {
                background-color: #19a589 !important;
                color: #ffffff !important;
            }

                [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover span {
                    color: #ffffff !important;
                }

            /* Dropdown Arrow Colors */
            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle::after,
            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown::after {
                color: #ffffff !important;
            }

            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle:hover::after,
            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover::after {
                color: #ffffff !important;
            }

            /* Mega Dropdown Styling */
            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-link.dropdown-toggle.mega-dropdown:hover {
                background-color: #19a589 !important;
                color: #ffffff !important;
            }

        [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a {
            background-color: #13846b !important;
            color: #ffffff !important;
        }

            [data-color="theme-teal"].light-style .bg-menu-theme.menu-horizontal .menu-item.mega-dropdown.active a:hover {
                background-color: #1ab394 !important;
                color: #ffffff !important;
            }

    [data-color="theme-teal"].light-style .mega-dropdown .dropdown-menu {
        background: #13846b !important;
    }

    [data-color="theme-teal"].light-style a.nav-link.mega-dropdown-link {
        color: #ffffff !important;
    }

        [data-color="theme-teal"].light-style a.nav-link.mega-dropdown-link:hover {
            color: #ffffff !important;
        }

    [data-color="theme-teal"].light-style li.nav-item.mega-nav-item:hover > a {
        color: #ffffff !important;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    }

    /* Bootstrap Button Override */
    [data-color="theme-teal"].light-style .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #20c997;
        --bs-btn-border-color: #20c997;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #1ab394;
        --bs-btn-hover-border-color: #19a589;
        --bs-btn-focus-shadow-rgb: 32, 201, 151;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #19a589;
        --bs-btn-active-border-color: #17967e;
        background-color: #20c997 !important;
        border-color: #20c997 !important;
        color: #ffffff !important;
    }

        [data-color="theme-teal"].light-style .btn-primary:hover,
        [data-color="theme-teal"].light-style .btn-primary:focus {
            color: #fff !important;
            background-color: #1ab394 !important;
            border-color: #19a589 !important;
            box-shadow: 0 0.125rem 0.25rem rgba(32, 201, 151, 0.075), 0 0 0 0.2rem rgba(32, 201, 151, 0.25) !important;
        }

        [data-color="theme-teal"].light-style .btn-primary:active {
            color: #fff !important;
            background-color: #19a589 !important;
            border-color: #17967e !important;
        }

    /* Nav Pills Override */
    [data-color="theme-teal"].light-style .nav-pills .nav-link.active,
    [data-color="theme-teal"].light-style .nav-pills .nav-link.active:hover,
    [data-color="theme-teal"].light-style .nav-pills .nav-link.active:focus {
        background-color: #20c997 !important;
        color: #ffffff !important;
    }

    /* DevExtreme Pagination Override */
    [data-color="theme-teal"].light-style .dx-pager .dx-page-sizes .dx-selection,
    [data-color="theme-teal"].light-style .dx-pager .dx-pages .dx-selection,
    [data-color="theme-teal"].light-style .dx-pagination .dx-page-sizes .dx-selection,
    [data-color="theme-teal"].light-style .dx-pagination .dx-pages .dx-selection {
        font-weight: 500;
        background-color: #20c997 !important;
        color: #fff !important;
    }

    /* Client Text Links */
    [data-color="theme-teal"].light-style .client-text a h5 {
        color: #20c997 !important;
    }

    /* Additional Bootstrap Component Overrides */
    [data-color="theme-teal"].light-style .badge.bg-primary {
        background-color: #20c997 !important;
    }

    [data-color="theme-teal"].light-style .alert-primary {
        --bs-alert-color: #0d503c;
        --bs-alert-bg: #d1f2ea;
        --bs-alert-border-color: #a3e5d5;
    }

    [data-color="theme-teal"].light-style .btn-outline-primary {
        --bs-btn-color: #20c997;
        --bs-btn-border-color: #20c997;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #20c997;
        --bs-btn-hover-border-color: #20c997;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #20c997;
        --bs-btn-active-border-color: #20c997;
    }

    [data-color="theme-teal"].light-style .text-primary {
        color: #20c997 !important;
    }

    [data-color="theme-teal"].light-style .bg-primary {
        background-color: #20c997 !important;
    }

    [data-color="theme-teal"].light-style .border-primary {
        border-color: #20c997 !important;
    }