/* Shared palette. The large white page surfaces deliberately stay white. */
:root {
    --mc-jet: #080808;
    --mc-marble: #161616;
    --mc-brown-black: #211b18;
    --mc-charcoal: #303030;
    --mc-gray-dark: #454545;
    --mc-gray-medium: #707070;
    --mc-gray-warm: #83786c;
    --mc-bone: #e9e2d5;
    --mc-cream: #f4ecd8;
    --mc-white-warm: #faf7f0;
    --mc-brown-deep: #281c14;
    --mc-coffee: #493426;
    --mc-earth: #6b513c;
    --mc-bronze-brown: #80603d;
    --mc-gold-old: #8a6a28;
    --mc-gold-bronze: #a17b3c;
    --mc-gold-classic: #c6a04c;
    --mc-gold-bright: #e6c76c;
    --mc-gold-yellow: #f1d35b;
    --mc-champagne: #decba4;
    --mc-gold-pale: #efe1b8;
    --mc-panel: linear-gradient(135deg, var(--mc-jet), var(--mc-marble) 45%, var(--mc-brown-black));
    --mc-gold-button: linear-gradient(120deg, var(--mc-gold-classic), var(--mc-gold-bright) 52%, var(--mc-champagne));
    --mc-gold-hover: linear-gradient(120deg, var(--mc-gold-bright), var(--mc-gold-yellow) 52%, var(--mc-gold-pale));

    /* RGB tokens consumed by the existing Breeze theme and dynamic widgets. */
    --black: 8, 8, 8;
    --white: 255, 255, 255;
    --gray-50: 250, 247, 240;
    --gray-100: 244, 236, 216;
    --gray-200: 233, 226, 213;
    --gray-300: 222, 203, 164;
    --gray-400: 131, 120, 108;
    --gray-500: 112, 112, 112;
    --gray-600: 69, 69, 69;
    --gray-700: 48, 48, 48;
    --gray-800: 33, 27, 24;
    --gray-900: 22, 22, 22;
    --red: 107, 81, 60;
    --green: 107, 81, 60;
    --blue: 138, 106, 40;
    --yellow: 241, 211, 91;
    --brand-color: 138, 106, 40;
    --base-color: 48, 48, 48;
    --link-color: 73, 52, 38;
    --input-border-color: 131, 120, 108;
    --button-color: 8, 8, 8;
    --button-bg: 230, 199, 108;
    --button-secondary-color: 244, 236, 216;
    --button-secondary-bg: 73, 52, 38;
    --button-secondary-border-color: 161, 123, 60;
}

html,
body,
body .page-wrapper,
body .page-main,
body .columns,
body .column.main,
body .product-info-wrapper {
    background-color: #fff;
}

body {
    color: var(--mc-charcoal);
    accent-color: var(--mc-gold-old);
    caret-color: var(--mc-coffee);
}

body :is(h1, h2, h3, h4, h5, h6, .page-title, .product-item-name, .block-title, label, .label) {
    color: var(--mc-brown-black);
}

body :is(a, a:visited, .price, .product-info-price, .special-price, .stock.available, .breadcrumbs a) {
    color: var(--mc-coffee);
}

body a:hover,
body a:focus-visible {
    color: var(--mc-gold-old);
}

body :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]), select, textarea) {
    color: var(--mc-charcoal);
    background-color: var(--mc-white-warm);
    border-color: var(--mc-gray-warm);
    box-shadow: none;
}

body ::placeholder {
    color: var(--mc-gray-medium);
    opacity: 1;
}

body :is(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid var(--mc-gold-old);
    outline-offset: 3px;
}

::selection {
    color: var(--mc-jet);
    background: var(--mc-champagne);
}

/* Header, navigation, dropdowns, and their text/icons. */
body .page-header,
body .page-header .header.content,
body .navigation-wrapper,
body .navigation,
body .ves-megamenu,
body .mobile-header-panel,
body .page-header .panel.wrapper,
body .page-header .panel.header {
    --base-color: 244, 236, 216;
    --link-color: 222, 203, 164;
    --z-layer-color: 244, 236, 216;
    --z-layer-bg: 22, 22, 22;
    background: var(--mc-panel) !important;
    color: var(--mc-cream);
    border-color: var(--mc-gold-bronze);
}

body .page-header :is(a, a:visited, p, span, label, strong, li, .nav-toggle, .action, .price),
body .navigation :is(a, a:visited, p, span, strong, li) {
    color: var(--mc-cream) !important;
}

body .page-header :is(a:hover, a:focus-visible),
body .navigation :is(a:hover, a:focus-visible) {
    color: var(--mc-gold-bright) !important;
}

body .page-header :is(.nav-toggle, .action.search, .action.showcart, .action.close)::before {
    color: var(--mc-champagne);
}

body :is(.navigation .submenu, .ves-megamenu .dropdown-menu, .ves-megamenu .megamenu-content,
    .page-header .switcher-dropdown, .page-header .account-dropdown .dropdown,
    .page-header .block-minicart, .page-header .download-popup, .header-megamenu-mobile) {
    background: var(--mc-marble);
    color: var(--mc-cream);
    border-color: var(--mc-gold-bronze);
}

body .page-header :is(.headcontent, .edh5, .block-title) {
    color: var(--mc-champagne);
    border-color: var(--mc-bronze-brown);
}

body .ves-megamenu :is(.nav-item.active > a, .nav-item:hover > a),
body .page-header .counter.qty {
    background: var(--mc-coffee);
    color: var(--mc-gold-pale);
}

body .page-header .nav-anchor[data-bgcolor] {
    background: var(--mc-gold-button) !important;
    color: var(--mc-jet) !important;
}

body .page-header .nav-anchor[data-bgcolor] span {
    color: inherit !important;
}

body .page-header :is(.kanmo-search-button-mc, .wishlist-dropdown, .minicart-wrapper,
    .account-dropdown, .header-megamenu-mobile) img,
body .available-block img,
body .notlogingift img {
    filter: grayscale(1) sepia(.5);
}

body .page-header :is(.kanmo-search-button-mc, .wishlist-dropdown, .minicart-wrapper,
    .account-dropdown, .header-megamenu-mobile) img {
    filter: grayscale(1) sepia(.5) brightness(2.5);
}

/* Buttons and controls use dark text on light gold, including hover states. */
body :is(button.action.primary, a.action.primary, #product-addtocart-button, .popup-buttons a,
    .Cabepro-slot-TOGEL a.tada, .kuAddtocart, .kuBtn.kuBtnPrimary) {
    background: var(--mc-gold-button) !important;
    color: var(--mc-jet) !important;
    border-color: var(--mc-gold-bronze) !important;
    box-shadow: 0 4px 16px rgb(138 106 40 / 22%) !important;
    text-shadow: none;
}

body :is(button.action.primary, a.action.primary, #product-addtocart-button, .popup-buttons a,
    .Cabepro-slot-TOGEL a.tada, .kuAddtocart, .kuBtn.kuBtnPrimary):is(:hover, :focus-visible) {
    background: var(--mc-gold-hover) !important;
    color: var(--mc-jet) !important;
    border-color: var(--mc-gold-old) !important;
}

body :is(.action.primary, #product-addtocart-button, .Cabepro-slot-TOGEL a.tada) span {
    color: inherit;
}

body :is(.product-add-form .action.towishlist, .notlogingift, .action.secondary) {
    background: var(--mc-coffee) !important;
    color: var(--mc-cream) !important;
    border-color: var(--mc-gold-bronze) !important;
}

body :is(.product-add-form .action.towishlist, .notlogingift, .action.secondary):hover {
    background: var(--mc-brown-deep) !important;
    color: var(--mc-gold-pale) !important;
}

body :is(.product-add-form .action.towishlist, .notlogingift, .action.secondary) span {
    color: inherit !important;
}

body .product-add-form .action.towishlist::before {
    color: var(--mc-champagne) !important;
}

body :is(.available-block span, .box-tocart .field.qty .label, .sharing-buttons label,
    .kredivo-label, .kredivo-label a) {
    color: var(--mc-coffee) !important;
}

body .kc-cashback {
    color: var(--mc-coffee) !important;
    background-color: var(--mc-cream) !important;
    border-color: var(--mc-champagne) !important;
}

body :is(button, .action):disabled {
    color: var(--mc-gray-dark);
    background: var(--mc-bone);
    border-color: var(--mc-gray-warm);
    box-shadow: none;
}

body :is(.swatch-option, .product.data.items > .item.title > .switch, .toolbar, .pages .item) {
    color: var(--mc-coffee);
    background-color: var(--mc-cream);
    border-color: var(--mc-champagne);
}

body :is(.swatch-option.selected, .product.data.items > .item.title.active > .switch, .pages .current) {
    color: var(--mc-gold-pale);
    background-color: var(--mc-coffee);
    border-color: var(--mc-gold-old);
}

body :is(.product-info-price, .product-info-stock-sku, .product-options-wrapper, .product-options-bottom,
    .product-item-info, .block, hr, .table th, .table td) {
    border-color: var(--mc-champagne);
}

body :is(.old-price, .old-price .price, .product.attribute.sku, .product-item .price-label) {
    color: var(--mc-gray-medium);
}

body :is(.message, .message.success, .message.error, .message.warning, .message.notice) {
    color: var(--mc-coffee);
    background-color: var(--mc-cream);
    border-color: var(--mc-gold-bronze);
}

body :is(.mage-error, #show_message, .field.required > .label::after, .message > *:first-child::before) {
    color: var(--mc-earth);
}

body :is(.modal-inner-wrap, .ui-dialog-content, .search-autocomplete, .kuQuickSearchResultsContainer) {
    color: var(--mc-charcoal);
    background-color: var(--mc-white-warm);
    border-color: var(--mc-champagne);
}

/* Dark article, FAQ panels, and review columns. */
body .Cabepro-article,
body .Cabepro-container {
    background: var(--mc-panel);
    color: var(--mc-bone);
}

body .Cabepro-article {
    border-color: var(--mc-gold-bronze);
    box-shadow: 0 8px 28px rgb(40 28 20 / 16%), inset 0 0 45px rgb(198 160 76 / 6%);
}

body .Cabepro-article :is(h1, h2),
body .Cabepro-container .box-title {
    color: var(--mc-gold-pale) !important;
    text-shadow: 0 2px 4px rgb(8 8 8 / 30%);
}

body .Cabepro-article h3,
body .Cabepro-container .review-stars {
    color: var(--mc-gold-bright) !important;
}

body .Cabepro-article p {
    color: var(--mc-bone) !important;
}

body .Cabepro-article a {
    background: var(--mc-coffee);
    color: var(--mc-gold-pale) !important;
    border-color: var(--mc-gold-bronze);
}

body .Cabepro-article a:hover {
    background: var(--mc-earth);
    box-shadow: 0 0 12px rgb(198 160 76 / 18%);
}

body .Cabepro-article .highlight-box,
body .Cabepro-container .acc-panel {
    background: var(--mc-brown-deep);
    border-color: var(--mc-bronze-brown);
}

body .Cabepro-container .neon-box {
    background: linear-gradient(145deg, var(--mc-marble), var(--mc-brown-black));
    border-color: var(--mc-gold-bronze);
}

body .Cabepro-container .acc-item {
    background: var(--mc-charcoal);
    color: var(--mc-white-warm);
    border-color: var(--mc-gray-warm);
}

body .Cabepro-container .acc-item:is(:hover, [aria-expanded=true]) {
    background: var(--mc-coffee);
    border-color: var(--mc-gold-classic);
}

body .Cabepro-container .review-card {
    background: linear-gradient(135deg, var(--mc-brown-black), var(--mc-coffee));
    border-color: var(--mc-gold-bronze);
}

body .Cabepro-container .review-card:nth-child(3n + 2) {
    background: linear-gradient(135deg, var(--mc-marble), var(--mc-charcoal));
}

body .Cabepro-container .review-card:nth-child(3n) {
    background: linear-gradient(135deg, var(--mc-brown-deep), var(--mc-earth));
}

body .Cabepro-container :is(.review-name, .acc-q) {
    color: var(--mc-white-warm);
}

body .Cabepro-container :is(.review-text, .acc-panel p) {
    color: var(--mc-bone);
}

body .Cabepro-container :is(.review-date, .acc-ic) {
    background: var(--mc-jet);
    color: var(--mc-champagne);
    border-color: var(--mc-gold-bronze);
}

/* Footer, fixed navigation, and promotional popup. */
body .page-footer {
    color: var(--mc-gray-dark);
}

body .Cabepro-copyright,
body .Cabepro-slot-TOGEL,
body .popup-container {
    background: var(--mc-panel) !important;
    color: var(--mc-bone);
    border-color: var(--mc-gold-bronze);
}

body .Cabepro-copyright {
    box-shadow: 0 0 20px rgb(138 106 40 / 16%) !important;
}

body .Cabepro-slot-TOGEL a {
    color: var(--mc-champagne);
}

body .Cabepro-slot-TOGEL a:hover {
    color: var(--mc-gold-bright);
}

body .Cabepro-slot-TOGEL a:not(.tada):hover img {
    filter: grayscale(1) sepia(.7) brightness(1.4) drop-shadow(0 0 5px rgb(198 160 76 / 40%));
}

body .popup-footer {
    color: var(--mc-bone);
}

body .popup-footer span {
    color: var(--mc-champagne);
    text-shadow: none;
}

body .close-btn,
body .back-to-top {
    color: var(--mc-gold-pale);
    background: var(--mc-brown-black);
    border-color: var(--mc-gold-bronze);
}

body .close-btn:hover,
body .back-to-top:hover {
    color: var(--mc-cream);
    background: var(--mc-coffee);
}