html[data-bs-theme="light"] {
    --hh-graphite-900: #323031;
    --hh-graphite-800: #3d3b3c;
    --hh-charcoal: #5f5b6b;
    --hh-grey: #7f7979;
    --hh-silver: #c1bdb3;
    --ins-primary: var(--hh-charcoal);
    --ins-primary-rgb: 95, 91, 107;
    --ins-secondary: var(--hh-graphite-900);
    --ins-secondary-rgb: 50, 48, 49;
    --ins-body-bg: #f3f1ed;
    --ins-body-bg-rgb: 243, 241, 237;
    --ins-secondary-bg: #ffffff;
    --ins-tertiary-bg: #e6e1d8;
    --ins-body-color: var(--hh-graphite-800);
    --ins-emphasis-color: var(--hh-graphite-900);
    --ins-border-color: #d6d1c9;
    --ins-topbar-bg: var(--hh-graphite-900);
    --ins-topbar-item-color: var(--hh-silver);
    --ins-topbar-item-hover-color: #ffffff;
    --ins-topbar-search-bg: var(--hh-graphite-800);
    --ins-sidenav-bg: var(--hh-graphite-800);
    --ins-sidenav-border-color: var(--hh-graphite-900);
    --ins-sidenav-item-color: var(--hh-silver);
    --ins-sidenav-item-hover-color: #ffffff;
    --ins-theme-card-border-color: rgba(95, 91, 107, 0.14);
    --ins-theme-card-box-shadow: 0 12px 32px rgba(50, 48, 49, 0.08);
    --bs-primary: var(--hh-charcoal);
    --bs-primary-rgb: 95, 91, 107;
    --bs-secondary: var(--hh-graphite-800);
    --bs-secondary-rgb: 61, 59, 60;
    --bs-body-bg: #f3f1ed;
    --bs-body-color: var(--hh-graphite-800);
    --bs-border-color: #d6d1c9;
}

html[data-bs-theme="light"] body {
    background: var(--ins-body-bg);
    color: var(--ins-body-color);
}

html[data-bs-theme="light"] .card,
html[data-bs-theme="light"] .modal-content,
html[data-bs-theme="light"] .dropdown-menu,
html[data-bs-theme="light"] .offcanvas,
html[data-bs-theme="light"] .list-group-item {
    background-color: #ffffff;
    border-color: var(--ins-border-color);
    box-shadow: var(--ins-theme-card-box-shadow);
}

html[data-bs-theme="light"] .app-topbar .topbar-link:hover,
html[data-bs-theme="light"] .app-topbar .topbar-link:focus,
html[data-bs-theme="light"] .topnav .nav-link:hover,
html[data-bs-theme="light"] .topnav .nav-link.active,
html[data-bs-theme="light"] .topnav .dropdown-item:hover,
html[data-bs-theme="light"] .topnav .dropdown-item.active {
    color: #ffffff !important;
}

html[data-bs-theme="light"] .btn-primary {
    background-color: var(--hh-charcoal);
    border-color: var(--hh-charcoal);
}

html[data-bs-theme="light"] .btn-primary:hover,
html[data-bs-theme="light"] .btn-primary:focus,
html[data-bs-theme="light"] .btn-primary:active {
    background-color: var(--hh-graphite-900) !important;
    border-color: var(--hh-graphite-900) !important;
}

html[data-bs-theme="light"] .btn-outline-primary {
    color: var(--hh-charcoal);
    border-color: var(--hh-charcoal);
}

html[data-bs-theme="light"] .btn-outline-primary:hover,
html[data-bs-theme="light"] .btn-outline-primary:focus,
html[data-bs-theme="light"] .btn-outline-primary:active {
    background-color: var(--hh-charcoal) !important;
    border-color: var(--hh-charcoal) !important;
}

html[data-bs-theme="light"] .form-control,
html[data-bs-theme="light"] .form-select {
    border-color: var(--ins-border-color);
    background-color: #ffffff;
    color: var(--ins-body-color);
}

html[data-bs-theme="light"] .form-control:focus,
html[data-bs-theme="light"] .form-select:focus {
    border-color: var(--hh-charcoal);
    box-shadow: 0 0 0 0.2rem rgba(95, 91, 107, 0.18);
}

html[data-bs-theme="light"] .page-title-head,
html[data-bs-theme="light"] .table,
html[data-bs-theme="light"] .breadcrumb-item + .breadcrumb-item::before {
    color: var(--ins-body-color);
}