/* Day mode for the public shop. Switched by the sidebar's Night mode toggle:
   html[data-theme="light"]. Dark stays the default (shop.css). */
html[data-theme="light"] {
    color-scheme: light;
    --bg:          #f3f4f6;
    --surface:     #ffffff;
    --surface-2:   #eef0f3;
    --border:      #d9dde3;
    --green:       #0f9b00;
    --green-dim:   #0b7d00;
    --green-glow:  rgba(15, 155, 0, 0.18);
    --text:        #15120f;
    --text-muted:  #5b626b;
    --text-dim:    #8a919b;
    --error:       #d32f2f;
}
html[data-theme="light"] .card-image-wrap,
html[data-theme="light"] .gallery-thumb,
html[data-theme="light"] .cart-item-img,
html[data-theme="light"] .trust-icon-wrap { background: #eef0f3; }
html[data-theme="light"] .card-brand,
html[data-theme="light"] .detail-brand { color: var(--text-muted); }
/* The footer stays black in day mode: the logo has a white word and a white laptop that vanish on white.
   Re-declare the dark tokens inside it so every footer colour stays as in night mode. */
html[data-theme="light"] .site-footer {
    --bg: #0d0d0d; --surface: #1a1a1a; --surface-2: #222; --border: #2a2a2a;
    --green: #39FF14; --green-dim: #2bcc0f; --green-glow: rgba(57, 255, 20, 0.25);
    --text: #f0f0f0; --text-muted: #888; --text-dim: #555;
    background: #111; color: var(--text);
}
html[data-theme="light"] .trust-bar { background: transparent; }
html[data-theme="light"] .tag-grade { background: rgba(0, 0, 0, 0.05); }
html[data-theme="light"] .btn-cart.in-cart { background: var(--surface-2); border-color: rgba(15, 155, 0, 0.4); }
html[data-theme="light"] .filter-feature-btn { background: var(--surface-2); }
html[data-theme="light"] .filter-feature-btn:hover { background: var(--border); border-color: var(--text-dim); }