/* PrimePost.be - Dark Mode Styles */
/* Couleurs désaturées pour confort visuel nocturne */

@media (prefers-color-scheme: dark) {
    :root {
        /* Colors - Dark Mode */
        --primary-bg: #1A1A2E;
        --secondary-bg: #2A1F2E;
        --accent-bg: #1F2937;
        --text-primary: #F8F9FA;
        --text-secondary: #C1C7CD;
        --highlight-yellow: #E8C547;
        --highlight-pink: #E85D8A;
        --highlight-blue: #5AB572;
        --highlight-purple: #B76EEF;
        --link-color: #FF85B3;
        --link-hover: #FFA0C8;
        --paper-bg: #252535;
        --paper-shadow: rgba(0, 0, 0, 0.5);
        --checkbox-color: #E85D8A;
    }

    body {
        background-color: var(--primary-bg);
        color: var(--text-primary);
    }

    /* Hero adjustments for dark mode */
    .hero-title {
        color: var(--text-primary);
    }

    .hero-title .highlight {
        color: var(--highlight-pink);
        text-decoration-color: var(--highlight-yellow);
    }

    .big-text {
        color: var(--text-primary);
    }

    .big-text em {
        color: var(--highlight-purple);
    }

    .explanation {
        color: var(--text-secondary);
    }

    .explanation strong {
        color: var(--text-primary);
        background: var(--highlight-yellow);
    }

    .explanation em {
        color: var(--text-primary);
    }

    /* Section title */
    .section-title {
        color: var(--text-primary);
    }

    /* Shopping list adjustments - post-it jaune maintenu pour contraste */
    .shopping-list {
        /* Le fond reste jaune post-it (défini dans main.css) */
        border: 1px solid rgba(0, 0, 0, 0.15);
        /* Shadow plus prononcée en dark mode pour effet "papier flottant" */
        box-shadow:
            0 2px 5px rgba(0, 0, 0, 0.3),
            0 15px 35px rgba(0, 0, 0, 0.25);
    }

    .list-item {
        border-bottom: 1px dashed rgba(0, 0, 0, 0.15);
    }

    /* Item card hover effect on post-it */
    .shopping-list .item-card:hover {
        background: rgba(255, 255, 255, 0.6);
    }

    /* Texte sur fond jaune post-it en mode sombre - garder couleurs sombres */
    .shopping-list .item-name {
        color: #1A1A2E;
        text-decoration-color: rgba(0, 0, 0, 0.4);
    }

    .shopping-list .item-price {
        color: #1A1A2E;
        background: rgba(255, 217, 61, 0.8);
    }

    /* Product images on post-it */
    .shopping-list .item-image {
        background: white;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    /* Footer */
    .footer-text {
        color: var(--text-primary);
    }

    .footer-contact {
        color: var(--text-secondary);
    }

    .footer-contact a {
        color: var(--link-color);
        border-bottom-color: var(--link-color);
    }

    .footer-contact a:hover {
        color: var(--link-hover);
        border-bottom-color: var(--link-hover);
    }
}