/**
 * Dark Mode Styles
 * @package FitnessSupplementProEnhanced
 */

[data-theme="dark"] {
    --color-white: #1a1a1a;
    --color-black: #ffffff;
    --color-gray-100: #212529;
    --color-gray-200: #343a40;
}

[data-theme="dark"] body {
    background-color: #1a1a1a;
    color: #ffffff;
}

[data-theme="dark"] .article-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .widget {
    background: #2d2d2d;
    color: #ffffff;
}

[data-theme="dark"] .site-header {
    background: #2d2d2d;
    border-bottom-color: var(--color-primary);
}