html[data-theme="dark"] {
    --primary-color: #d62828;
    --primary-color-dark: #aa1f1f;
    --primary-color-darker: #821818;
    --primary-gradient: linear-gradient(18deg, #d62828 0%, #821818 100%);
    --primary-gradient-hover: linear-gradient(18deg, #ff4d4d 0%, #821818 100%);

    --secondary-color: #f5f5f5;
    --secondary-color-light: #e1e1e1;

    --text-color-light: #f8f8f8;
    --text-color-dark: #f0f0f0;
    --text-color-gray: #b8b8b8;
    --text-color-light-gray: #a8a8a8;

    --background-color-light: #131313;
    --background-color-white: #1e1e1e;
    --background-color-dark: #0b0b0b;
    --background-color-gray-light: #252525;
    --background-color-gray-medium: #2c2c2c;
    --background-color-gray-dark: #111111;

    --border-color-light: #4b4b4b;
    --border-color-medium: #5b5b5b;
    --border-color-dark: #707070;
    --border-color-primary: #d62828;
    --border-color-extra-light: #3f3f3f;
    --border-color-black: #f5f5f5;

    --shadow-small: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow-medium: 0 4px 24px rgba(0, 0, 0, 0.4);
    --shadow-large: 0 6px 32px rgba(0, 0, 0, 0.45);
    --shadow-hover: 0 10px 36px rgba(0, 0, 0, 0.55);
    --shadow-primary: 0 4px 10px rgba(214, 40, 40, 0.25);
    --shadow-primary-hover: 0 6px 14px rgba(214, 40, 40, 0.35);

    --success-color: #67d454;
    --warning-color: #ff964f;
    --error-color: #ff5a5a;

    --glass-bg: rgba(30, 30, 30, 0.88);
    --glass-bg-light: rgba(42, 42, 42, 0.78);
    --glass-border: rgba(255, 255, 255, 0.12);
    --glass-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);
    --glass-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] body,
html[data-theme="dark"] #page-container {
    background: var(--background-color-light);
    color: var(--text-color-dark);
}

html[data-theme="dark"] .dark-mode-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: var(--text-color-light);
}

html[data-theme="dark"] .dark-mode-btn:hover,
html[data-theme="dark"] .dark-mode-btn:focus-visible {
    background: var(--primary-color-dark);
    border-color: var(--primary-color-dark);
}

html[data-theme="dark"] .mfp-bg {
    background: #000;
}

html[data-theme="dark"] .search-help {
    color: var(--text-color-gray);
}

html[data-theme="dark"] .part-image {
    color: var(--text-color-gray);
    background: var(--background-color-gray-medium);
}

html[data-theme="dark"] .pdf-link,
html[data-theme="dark"] .store-link,
html[data-theme="dark"] .vehicle-nav-btn {
    background: var(--background-color-gray-medium);
    color: var(--text-color-light);
    border-color: var(--border-color-light);
}

html[data-theme="dark"] ol li {
    background: var(--background-color-gray-light);
    border-color: var(--border-color-light);
    color: var(--text-color-dark);
}

html[data-theme="dark"] .top_comments {
    background: var(--background-color-gray-medium);
    border-color: var(--border-color-light);
}

html[data-theme="dark"] .top_comments .comment-title {
    background: #7a6f00;
    border-bottom-color: var(--border-color-light);
    color: var(--text-color-light);
}

html[data-theme="dark"] .top_comments .comment-text,
html[data-theme="dark"] .comments,
html[data-theme="dark"] .rsscomments {
    color: var(--text-color-dark);
}

html[data-theme="dark"] .vehicle-container[style],
html[data-theme="dark"] .vehicle-header[style],
html[data-theme="dark"] .vehicle-title[style],
html[data-theme="dark"] .vehicle-details[style] {
    color: var(--text-color-dark) !important;
}

html[data-theme="dark"] .part-detail-item {
    border-bottom-color: var(--border-color-light);
}

html[data-theme="dark"] .vehicles-section {
    background: var(--background-color-gray-light);
}

html[data-theme="dark"] .vehicle-container {
    background: var(--background-color-white);
}

html[data-theme="dark"] .vehicle-header {
    background: var(--background-color-gray-light);
}

html[data-theme="dark"] .vehicle-details {
    background: var(--background-color-white);
}

html[data-theme="dark"] .vehicle-nav-btn {
    background: var(--background-color-gray-medium);
}

html[data-theme="dark"] .search-form-container,
html[data-theme="dark"] .search-description,
html[data-theme="dark"] .results-header,
html[data-theme="dark"] .results-header-slim,
html[data-theme="dark"] .part-container,
html[data-theme="dark"] .part-result-container {
    background: var(--glass-bg);
    border-color: var(--glass-border);
}

html[data-theme="dark"] .search-input,
html[data-theme="dark"] .partnumber-input {
    background: var(--background-color-gray-medium);
    color: var(--text-color-dark);
    border-color: var(--border-color-light);
}

/* Product images - keep white background for accurate product display */
html[data-theme="dark"] .fm-image img,
html[data-theme="dark"] .rssitem img,
html[data-theme="dark"] .product-image-area img,
html[data-theme="dark"] .enlargeable-img {
    background: #ffffff;
    padding: 8px;
}