:root {

    --ms-bg-panel:         #f6f8fa;
    --ms-border-panel:     #dde4ec;
    --ms-bg-raised:        #ffffff;

    --ms-bg-page:          #ffffff;
    --ms-bg-header:        #ffffff;
    --ms-bg-surface:       #f8f9fa;  
    --ms-bg-surface-alt:   #f1f3f5;  
    --ms-bg-muted:         #e9ecef;  
    --ms-bg-input:         #ffffff;
    --ms-bg-dropdown:      #ffffff;
    --ms-bg-modal:         #ffffff;
    --ms-bg-preview:       #ffffff;
    --ms-bg-image-ph:      #e9ecef;  
    --ms-bg-logo:          #ffffff;  

    --ms-bg-table:         #ffffff;
    --ms-bg-table-head:    #f1f3f5;
    --ms-bg-table-hover:   #f9f9f9;
    --ms-bg-row-odd:       #f1f1f1;
    --ms-bg-row-even:      #ffffff;

    --ms-text:             #212529;  
    --ms-text-strong:      #495057;  
    --ms-text-muted:       #6c757d;  
    --ms-text-subtle:      #555555;  
    --ms-text-placeholder: #6c757d;
    --ms-text-inverse:     #ffffff;

    --ms-border:           #dee2e6;  
    --ms-border-strong:    #ced4da;  
    --ms-border-subtle:    #eeeeee;  
    --ms-border-table:     #e9ecef;

    --ms-link:             #0d6efd;
    --ms-link-hover:       #0a58ca;
    --ms-link-alt:         #0055aa;  
    --ms-focus-ring:       rgba(13, 110, 253, 0.25);
    --ms-focus-border:     #86b7fe;

    --ms-success:          #28a745;  
    --ms-price-sold:       #16a34a;
    --ms-danger:           #dc3545;
    --ms-info:             #0d6efd;
    --ms-separator:        #cccccc;

    --ms-dropdown-item-text: #212529;

    --ms-grade-empty-opacity:       0.3;
    --ms-grade-empty-opacity-hover: 0.6;

    --ms-row-divider:      transparent;

    --ms-owned-badge-bg:     #d4edda;
    --ms-owned-badge-text:   #155724;
    --ms-owned-badge-border: #c3e6cb;

    --ms-badge-bg:         #212529;  
    --ms-badge-text:       #ffffff;

    --ms-shadow-sm:        0 2px 4px rgba(0, 0, 0, 0.05);
    --ms-shadow-md:        0 2px 6px rgba(0, 0, 0, 0.05);
    --ms-shadow-lg:        0 5px 15px rgba(0, 0, 0, 0.10);
    --ms-shadow-dropdown:  0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --ms-shadow-preview:   0 4px 15px rgba(0, 0, 0, 0.40);
    --ms-shadow-inset:     inset 0 1px 1px rgba(0, 0, 0, 0.05);
    --ms-submenu-bg:       rgba(0, 0, 0, 0.05);

    --ms-logo-filter:      none;
    --ms-banner-filter:    none;
    --ms-grade-filter:     none;
    --ms-grade-empty-filter: none;
    --ms-grade-number:     var(--bs-body-color, #000);
    --ms-grade-shadow:     none;

    --ms-variant-normal:           #333333;
    --ms-variant-foil:             #888888;
    --ms-variant-promo:            #4b72a6;
    --ms-variant-promofoil:        #7b9cc3;
    --ms-variant-holofoil:         #4b72a6;
    --ms-variant-reverseholofoil:  #7b9cc3;
    --ms-variant-prerelease:       #a65c4b;
    --ms-variant-serialnumbered:   gold;
    --ms-variant-serialnumbered-b: darkgoldenrod;
    --ms-variant-coldfoil:         #00bcd4;
    --ms-variant-coldfoil-b:       #008fa1;

    --ms-container-max:    1400px;
    --ms-radius-xs:        2px;
    --ms-radius-sm:        3px;
    --ms-radius:           6px;
    --ms-radius-lg:        8px;
    --ms-radius-card:      24px;
    --ms-radius-preview:   29px;

    --ms-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                    "Helvetica Neue", Arial, sans-serif;

    --ms-tip-bg:        #182433;
    --ms-tip-text:      #ffffff;
    --ms-tip-text-sub:  #9aa5b8;
    --ms-tip-font:      var(--ms-font-sans);
}

html.dark-mode {
    --ms-tip-bg:           #0f141d;

    --ms-bg-panel:         #0d1a2b;
    --ms-border-panel:     #1c2c42;
    --ms-bg-raised:        #16263c;

    --ms-bg-page:          #182433;
    --ms-bg-header:        #182433;
    --ms-bg-surface:       #2a3a50;
    --ms-bg-surface-alt:   #233143;
    --ms-bg-muted:         #3a5064;
    --ms-bg-input:         #2c3a4c;
    --ms-bg-dropdown:      #223040;
    --ms-bg-modal:         #212529;
    --ms-bg-preview:       #212529;
    --ms-bg-image-ph:      #3a4a60;
    --ms-bg-logo:          #3a4a60;

    --ms-bg-table:         #2a3a50;
    --ms-bg-table-head:    #1f2d40;
    --ms-bg-table-hover:   #343a4c;
    --ms-bg-row-odd:       #1a2a3a;
    --ms-bg-row-even:      #1d2e3f;

    --ms-text:             #dee2e6;
    --ms-text-strong:      #e9ecef;
    --ms-text-muted:       #adb5bd;
    --ms-text-subtle:      #bbbbbb;
    --ms-text-placeholder: #86909a;
    --ms-text-inverse:     #000000;

    --ms-border:           #495057;
    --ms-border-strong:    #444444;
    --ms-border-subtle:    #343a40;
    --ms-border-table:     #343a40;

    --ms-link:             #6ea8fe;
    --ms-link-hover:       #a1c9ff;
    --ms-link-alt:         #6ea8fe;
    --ms-focus-border:     #6c757d;

    --ms-price-sold:       #28a745;
    --ms-info:             #adb5bd;
    --ms-separator:        #555555;
    
    --ms-danger:           #adb5bd;

    --ms-dropdown-item-text: #ffffff;

    --ms-grade-empty-opacity:       0.4;
    --ms-grade-empty-opacity-hover: 0.7;

    --ms-row-divider:      #222222;

    --ms-owned-badge-bg:     #1e3a28;
    --ms-owned-badge-text:   #7ee2a8;
    --ms-owned-badge-border: #2d5a3d;

    --ms-badge-bg:         #dee2e6;
    --ms-badge-text:       #182433;

    --ms-submenu-bg:       rgba(255, 255, 255, 0.05);

    --ms-logo-filter:        brightness(0) invert(1);
    --ms-banner-filter:      brightness(0.85);
    --ms-grade-filter:       invert(1) brightness(0.8);
    --ms-grade-empty-filter: invert(1) brightness(0.5);
    --ms-grade-number:       #ffffff;
    --ms-grade-shadow:       1px 1px 2px rgba(0, 0, 0, 0.8);
}

html.dark-mode body.museum-ip {
    
    --ms-bg-panel:         #17110a;
    --ms-border-panel:     #2e2418;
    --ms-bg-raised:        #231a10;

    --ms-bg-page:          #1a1208;  
    --ms-bg-header:        #17110a;
    --ms-bg-surface:       #33281a;
    --ms-bg-surface-alt:   #2b2115;
    --ms-bg-muted:         #4a3a24;
    --ms-bg-dropdown:      #292014;
    
    --ms-bg-image-ph:      #463722;
    --ms-bg-logo:          #463722;

    --ms-bg-table:         #241b11;
    --ms-bg-table-head:    #1f1710;
    --ms-bg-table-hover:   #33281a;
    --ms-bg-row-odd:       #1e1710;
    --ms-bg-row-even:      #241b11;

    --ms-text:             #e6dcc8;
    --ms-text-strong:      #f1e8d5;
    --ms-text-muted:       #a08060;  
    --ms-text-subtle:      #b3a184;
    --ms-text-placeholder: #8a7a55;  

    --ms-border:           rgba(255, 200, 60, 0.16);
    --ms-border-subtle:    rgba(255, 200, 60, 0.10);
    --ms-border-table:     rgba(255, 200, 60, 0.10);

    --ms-link:             #e8c86a;  
    --ms-link-hover:       #f4dc94;
    --ms-link-alt:         #e8c86a;
    --ms-focus-border:     #c9a83a;  
    --ms-focus-ring:       rgba(232, 200, 106, 0.25);

    --ms-separator:        #3a2d1c;
    --ms-row-divider:      #2a2015;
    --ms-badge-text:       #1a1208;

    --hdr-bg:              #17110a;
    --hdr-border:          #2e2418;
    --hdr-hover:           #241b11;
    --menu-bg:             #17110a;
    --menu-border:         #2e2418;

    --ms-bg-input:         #241b11;

    --ms-banner-filter:    brightness(0.88) sepia(0.12);
}

html.dark-mode body.museum-ip .sp-ov {
    background: #17110a;
    border-color: #2e2418;
}

html.dark-mode body.museum-ip .sp-ov-fade {
    background: linear-gradient(180deg,
        rgba(23, 17, 10, 0)   0%,
        rgba(23, 17, 10, 0)   50%,
        rgba(23, 17, 10, .26) 62%,
        rgba(23, 17, 10, .74) 72%,
        #17110a 80%);
}
html.dark-mode body.museum-ip .site-footer {
    background: #17110a;
    border-top-color: #2e2418;
}

html.dark-mode body.museum-ip .sticky-set-info {
    background-color: #1a1208;
    box-shadow: 0 -2px 0 2px #1a1208;
}

html.dark-mode body.museum-ip .ip-search-input {
    background: #1f1710;
    border-color: #2e2418;
}
html.dark-mode body.museum-ip .ip-search-input:focus {
    background: #1f1710;
    border-color: #8a6d2e;
    box-shadow: 0 0 0 3px rgba(232, 200, 106, .12);
}
html.dark-mode body.museum-ip .ip-search-results {
    background: #17110a;
    border-color: #2e2418;
}
html.dark-mode body.museum-ip .search-focus-toggle,
html.dark-mode body.museum-ip .search-focus-toggle-mobile {
    background: #2e2418;
}
html.dark-mode body.museum-ip .form-check-input {
    background-color: #3a2d1c;
    border-color: #5a4626;
}
html.dark-mode body.museum-ip .form-check-input:checked {
    background-color: #c9a83a;
    border-color: #c9a83a;
}
html.dark-mode body.museum-ip .nav-icon-btn,
html.dark-mode body.museum-ip #ipMegaTrigger,
html.dark-mode body.museum-ip #mtgMegaTrigger,
html.dark-mode body.museum-ip .btn-outline-dark {
    border-color: #3a2d1c;
}
html.dark-mode body.museum-ip .nav-icon-btn.active,
html.dark-mode body.museum-ip .nav-icon-btn:hover,
html.dark-mode body.museum-ip #ipMegaTrigger:hover,
html.dark-mode body.museum-ip #ipMegaTrigger[aria-expanded="true"],
html.dark-mode body.museum-ip #mtgMegaTrigger:hover,
html.dark-mode body.museum-ip .museum-dropdown-menu a:hover,
html.dark-mode body.museum-ip .user-dropdown-menu .user-dropdown-action:hover,
html.dark-mode body.museum-ip .user-dropdown-menu .logout-item:hover {
    background: #2e2418;
    border-color: #5a4626;
}
html.dark-mode body.museum-ip .user-dropdown-divider {
    background: #2e2418;
}
html.dark-mode body.museum-ip .header-progress-bar {
    background-color: #2e2418;
}

html.dark-mode body.museum-ip .sp-tab.is-on {
    background: #3a2c15;
    border-color: #8a6d2e;
}
html.dark-mode body.museum-ip .sp-vb.is-on {
    background: #3a2c15;
    box-shadow: inset 0 0 0 1px #8a6d2e;
}