/**
 * AnimeFusion – Dark Theme
 * Loaded after frontend.css. Override CSS variables only; structural rules
 * live in frontend.css so toggling themes never breaks layout.
 */

:root,
[data-af-theme="dark"] {
    --af-bg:              #0b0d12;
    --af-bg-elev-1:       #14171f;
    --af-bg-elev-2:       #1c2030;
    --af-bg-card:         #161a24;
    --af-border:          #242938;
    --af-text:            #e8eaf0;
    --af-text-muted:      #9097a8;
    --af-text-dim:        #6b7280;
    --af-accent:          var(--af-accent-color, #6C63FF);
    --af-accent-hover:    #8c83ff;
    --af-success:         #2ecc71;
    --af-danger:          #ff5d6d;
    --af-warning:         #ffb946;
    --af-overlay:         linear-gradient(180deg, rgba(11,13,18,0) 0%, rgba(11,13,18,0.85) 100%);
    --af-shadow-sm:       0 2px 8px rgba(0,0,0,0.32);
    --af-shadow-md:       0 6px 24px rgba(0,0,0,0.45);
    --af-shadow-glow:     0 0 0 1px rgba(108,99,255,0.25), 0 8px 32px rgba(108,99,255,0.18);
    --af-glass-bg:        rgba(22,26,36,0.62);
    --af-glass-border:    rgba(255,255,255,0.08);
    --af-skeleton:        linear-gradient(90deg, #1c2030 0%, #242938 50%, #1c2030 100%);
    color-scheme:         dark;
}

body.af-theme-dark {
    background: var(--af-bg);
    color: var(--af-text);
}

/* Image dimming on hover (cinematic feel) */
[data-af-theme="dark"] .af-card__poster img,
.af-theme-dark .af-card__poster img {
    filter: brightness(0.92);
    transition: filter .25s ease;
}

[data-af-theme="dark"] .af-card:hover .af-card__poster img,
.af-theme-dark .af-card:hover .af-card__poster img {
    filter: brightness(1.05);
}

/* Scrollbar */
[data-af-theme="dark"] ::-webkit-scrollbar {
    width: 10px; height: 10px;
}
[data-af-theme="dark"] ::-webkit-scrollbar-track { background: var(--af-bg); }
[data-af-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--af-bg-elev-2);
    border-radius: 8px;
}
[data-af-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: var(--af-accent); }