body[data-bs-theme=goodyear-style] {
    /* Primary colors */
    --brand-white: #fff;
    --brand-primary: #0b1d45;
    --brand-primary-rgb: 11, 29, 69;
    --brand-primary-on-dark: #fbbd00;
    --brand-primary-on-dark-rgb: 251, 189, 0;

    /* base on website footer */
    --brand-black: #3b3b3b;
    --brand-black-rgb: 59, 59, 59;

    --brand-font-family: "pt-sans-pro",sans-serif;
    --brand-font-weight: 400;
    --brand-btn-font-weight: 900;
    --brand-border-radius: 1.75rem;

    .alert {
        --bs-primary-text-emphasis: var(--brand-white);
        --bs-primary-bg-subtle: var(--brand-primary);
        --bs-primary-border-subtle: var(--brand-primary);
    }

    --bs-primary: var(--brand-primary);

    --bs-link-color: var(--brand-black);
    --bs-link-color-rgb: var(--brand-black-rgb);
    --bs-link-hover-color: var(--brand-primary);
    --bs-link-hover-color-rgb: var(--brand-primary-rgb);

    --bs-primary-rgb: var(--brand-primary-rgb);
    --bs-dark: var(--brand-black);
    --bs-dark-rgb: var(--brand-black-rgb);

    --bs-body-font-family: var(--brand-font-family);

    .btn {
        --bs-btn-border-radius: var(--brand-border-radius);
    }

    .btn-primary {
        --bs-btn-color: var(--brand-white);
        --bs-btn-bg: var(--brand-primary);
        --bs-btn-border-color: var(--brand-primary);
        --bs-btn-hover-color: var(--brand-primary);
        --bs-btn-hover-bg: var(--brand-white);
        --bs-btn-hover-border-color: var(--brand-primary);
        --bs-btn-active-color: var(--brand-primary);
        --bs-btn-active-bg: var(--brand-white);
        --bs-btn-active-border-color: var(--brand-primary);
        --bs-btn-disabled-color: var(--brand-primary);
        --bs-btn-disabled-bg: var(--brand-white);
        --bs-btn-disabled-border-color: var(--brand-primary);
    }

    .btn-outline-primary {
        --bs-btn-color: var(--brand-primary);
        --bs-btn-border-color: var(--brand-primary);
        --bs-btn-hover-color: var(--brand-white);
        --bs-btn-hover-bg: var(--brand-primary);
        --bs-btn-hover-border-color: var(--brand-primary);
        --bs-btn-active-color: var(--brand-white);
        --bs-btn-active-bg: var(--brand-primary);
        --bs-btn-active-border-color: var(--brand-primary);
        --bs-btn-disabled-color: var(--brand-primary);
        --bs-btn-disabled-border-color: var(--brand-primary);
    }

    .pagination {
        --bs-pagination-active-bg: var(--brand-primary);
        --bs-pagination-active-border-color: var(--brand-primary);
        --bs-pagination-active-color: var(--brand-white);
    }

    .btn {
        --bs-btn-font-weight: var(--brand-btn-font-weight);
        text-transform: uppercase;
    }

    .nav-link {
        --bs-nav-link-hover-color: var(--brand-primary);
    }

    .navbar {
        --bs-navbar-active-color: var(--brand-primary-on-dark);
        --line-height: 44px;

        padding-top: 0;
        padding-bottom: 0;

        background-color: var(--brand-primary);
        color: var(--brand-white);

        box-shadow: 0 1px 2px 0 #78879126;
        -webkit-box-shadow: 0 1px 2px 0 #78879126;
        -moz-box-shadow: 0 1px 2px 0 #78879126;

        .navbar-brand {
            background: url("../images/brand-logo-uD68eOk.svg") 50% 50% no-repeat;
            height: var(--line-height);
            width: 121px;
        }

        .navbar-nav {
            --bs-nav-link-font-weight: var(--brand-font-weight);
            .nav-link {
                --bs-nav-link-color: var(--brand-white);
                --bs-nav-link-hover-color: var(--brand-primary-on-dark);
                @media (min-width:768px){
                    line-height: calc(var(--line-height) - 16px);
                }
            }

            .nav-link.active {
                border-bottom: 3px solid var(--brand-primary-on-dark);
            }
        }
    }

    .dropdown-menu, .ts-dropdown {
        --bs-dropdown-link-color: var(--brand-black);
        --bs-dropdown-link-hover-bg: var(--brand-primary);
        --bs-dropdown-link-hover-color: var(--brand-white);
        --bs-dropdown-link-active-bg: var(--brand-primary);
        --bs-dropdown-link-active-color: var(--brand-white);
        .dropdown-item {
            &:hover, &:focus {
                font-weight: var(--brand-font-weight);
            }
        }
    }

    .table {
        --bs-table-color: var(--brand-black);
        --bs-table-striped-color: var(--brand-black);
        --bs-table-active-color: var(--brand-black);
        --bs-table-hover-color: var(--brand-black);
    }

    .ts-dropdown {
        .option[aria-selected=true], .option.active[aria-selected] {
            background-color: var(--bs-dropdown-link-hover-bg);
        }

        .option.active[aria-selected] {
            color: var(--bs-dropdown-link-hover-color);
            font-weight: var(--brand-font-weight);
        }
    }
}