/* ============================================================================
   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: #f1f5f9;   /* slate-100 — matches new light bg-primary */
    --sf-bg-page:    #f1f5f9;
}

:root.theme-dark {
    --sf-bg-sidebar: #0f172a;   /* slate-900 — matches new dark bg-primary */
    --sf-bg-page:    #0f172a;
}

:root.theme-default {
    --sf-bg-sidebar: #0f172a;
    --sf-bg-page:    #0f172a;
}

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