/**
 * YMY Theme - Dark Mode Variables
 * Refined dark palette with good contrast and readability
 *
 * @package YMY
 * @since 1.0.0
 */

body.ymy-dark-mode {
    --ymy-bg-body: #0f0f1a;
    --ymy-bg-page: #0f0f1a;
    --ymy-bg-card: #1a1a2e;
    --ymy-bg-header: #1a1a2e;
    --ymy-bg-card-hover: #222240;
    --ymy-bg-input: #1e1e36;
    --ymy-bg-elevated: #222240;
    --ymy-bg-hero: linear-gradient(135deg, #2d1b69 0%, #1a1a2e 100%);

    --ymy-text-primary: #e2e8f0;
    --ymy-text-secondary: #a0aec0;
    --ymy-text-muted: #718096;
    --ymy-text-placeholder: #4a5568;

    --ymy-border-color: #2d3748;
    --ymy-border-light: #1e2a3a;
    --ymy-border-input: #2d3748;

    --ymy-accent: #7c8cf8;
    --ymy-accent-hover: #9fa8fc;
    --ymy-accent-light: rgba(124, 140, 248, 0.1);
    --ymy-accent-secondary: #68d391;

    --ymy-shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
    --ymy-shadow-card: 0 4px 20px rgba(0,0,0,0.2), 0 1px 3px rgba(0,0,0,0.1);
    --ymy-shadow-card-hover: 0 12px 40px rgba(0,0,0,0.3);
    --ymy-shadow-overlay: 0 20px 60px rgba(0,0,0,0.4);
    --ymy-shadow-header: 0 1px 0 rgba(255,255,255,0.04);

    --ymy-overlay: rgba(0,0,0,0.7);
}

/* Header adjustments */
body.ymy-dark-mode .ymy-header {
    --ymy-header-bg: #1a1a2e;
    --ymy-header-text: #e2e8f0;
    --ymy-header-hover: #7c8cf8;
}

body.ymy-dark-mode .ymy-header.ymy-is-scrolled {
    box-shadow: 0 2px 20px rgba(0,0,0,0.3);
}

/* Footer */
body.ymy-dark-mode .ymy-footer {
    background: #0a0a14;
}

/* Buttons keep contrast */
body.ymy-dark-mode .ymy-btn-primary:hover {
    box-shadow: 0 4px 12px rgba(124, 140, 248, 0.3);
}

/* Hero in dark keeps the gradient visible */
body.ymy-dark-mode .ymy-hero {
    background: var(--ymy-bg-hero);
}

/* Price color in dark */
body.ymy-dark-mode .ymy-price {
    color: #fc8181;
}

body.ymy-dark-mode .ymy-pricing-value {
    color: #fc8181;
}

body.ymy-dark-mode .ymy-pricing-free {
    background: rgba(104, 211, 145, 0.1);
}

/* Stats section */
body.ymy-dark-mode .ymy-stats-section {
    background: #1a1a2e;
    border-color: var(--ymy-border-light);
}

/* Feature cards */
body.ymy-dark-mode .ymy-feature-card {
    background: var(--ymy-bg-card);
}

body.ymy-dark-mode .ymy-feature-card:hover {
    border-color: var(--ymy-accent);
    box-shadow: 0 8px 30px rgba(124, 140, 248, 0.06);
}

/* Update/highlight boxes */
body.ymy-dark-mode .ymy-update-highlight {
    background: rgba(104, 211, 145, 0.05);
    border-color: rgba(104, 211, 145, 0.15);
}

body.ymy-dark-mode .ymy-update-notice {
    background: rgba(124, 140, 248, 0.05);
    border-color: rgba(124, 140, 248, 0.15);
}

/* Search panel */
body.ymy-dark-mode .ymy-search-panel {
    background: var(--ymy-bg-card);
    border-color: var(--ymy-border-light);
}

/* Sort select */
body.ymy-dark-mode .ymy-sort-select {
    color-scheme: dark;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0aec0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
}

/* Back to top */
body.ymy-dark-mode .ymy-back-to-top {
    background: var(--ymy-bg-card);
    border-color: var(--ymy-border-color);
}

/* Modal */
body.ymy-dark-mode .ymy-modal {
    background: var(--ymy-bg-card);
}

/* Pagination current */
body.ymy-dark-mode .ymy-pagination .page-numbers.current {
    color: #fff;
}

/* Sub-menu dropdown */
body.ymy-dark-mode .ymy-nav-menu .sub-menu {
    background: var(--ymy-bg-card);
    box-shadow: var(--ymy-shadow-overlay);
}

body.ymy-dark-mode .ymy-nav-menu .sub-menu a {
    color: var(--ymy-text-secondary);
}

body.ymy-dark-mode .ymy-nav-menu .sub-menu a:hover {
    color: var(--ymy-accent);
    background: var(--ymy-accent-light);
}