// Cover size tokens — consumed by all cover/poster grids and rails.
// Toggled via [data-cover-size] attribute on <html>, set from SettingsStore.
// --season-cover-width sizes the season cover beside the season tabs on the
// series detail page; medium matches the About block's 120px poster.
:root {
    --cover-grid-min-width: 148px;
    --cover-rail-width: 172px;
    --cover-gap: 16px;
    --season-cover-width: 120px;
}

:root[data-cover-size='small'] {
    --cover-grid-min-width: 120px;
    --cover-rail-width: 140px;
    --cover-gap: 12px;
    --season-cover-width: 96px;
}

:root[data-cover-size='medium'] {
    --cover-grid-min-width: 148px;
    --cover-rail-width: 172px;
    --cover-gap: 16px;
    --season-cover-width: 120px;
}

:root[data-cover-size='large'] {
    --cover-grid-min-width: 200px;
    --cover-rail-width: 220px;
    --cover-gap: 20px;
    --season-cover-width: 144px;
}

@media (max-width: 600px) {
    :root[data-cover-size='large'] {
        --cover-grid-min-width: 160px;
        --cover-rail-width: 170px;
        --season-cover-width: 120px;
    }
}