/* ============================================================================
   THEME TOKENS — Sidebar & Page Background
   Global CSS custom properties that drive layout-level background colours.
   --sf-bg-sidebar drives .top-row and .nav-scrollable base background.
   Defined here (global) so they resolve before any scoped bundle var() fallback.
   ============================================================================ */

:root.theme-light {
    --sf-bg-sidebar: #F4F7FB;
    --sf-bg-page:    #F4F7FB;
}

:root.theme-dark {
    --sf-bg-sidebar: rgb(46, 55, 72);
    --sf-bg-page:    rgb(46, 55, 72);
}

:root.theme-default {
    --sf-bg-sidebar: rgb(46, 55, 72);
    --sf-bg-page:    rgb(46, 55, 72);
}

@media (prefers-color-scheme: light) {
    :root.theme-default {
        --sf-bg-sidebar: #F4F7FB;
        --sf-bg-page:    #F4F7FB;
    }
}