[data-bf-scope]{container:bf-scope/inline-size}[data-bf-scope=light]{--bf-scope-theme:light;color-scheme:light}[data-bf-scope=dark]{--bf-scope-theme:dark;color-scheme:dark}[data-bf-scope=auto]{--bf-scope-theme:auto;color-scheme:light dark}[data-bf-scope=contrast]{--bf-scope-theme:contrast;color-scheme:light dark;--bf-primary:light-dark(#000,#fff);--bf-primary-fg:light-dark(#fff,#000);--bf-surface:light-dark(#fff,#000);--bf-surface-alt:light-dark(#f0f0f0,#101010);--bf-text:light-dark(#000,#fff);--bf-muted:light-dark(#404040,silver);--bf-border:light-dark(#000,#fff);--bf-focus-ring:light-dark(#000,#fff);--bf-danger:light-dark(#000,#fff);--bf-danger-fg:light-dark(#fff,#000);--bf-success:light-dark(#000,#fff);--bf-success-fg:light-dark(#fff,#000);--bf-info:light-dark(#000,#fff);--bf-info-fg:light-dark(#fff,#000);--bf-warning:light-dark(#000,#fff);--bf-warning-fg:light-dark(#fff,#000)}@container bf-scope style(--bf-scope-theme:dark){:where(*){color-scheme:dark}}@container bf-scope style(--bf-scope-theme:light){:where(*){color-scheme:light}}@container bf-scope style(--bf-scope-theme:auto){:where(*){color-scheme:light dark}}@container bf-scope style(--bf-scope-theme:contrast){:where(*){color-scheme:light dark;--bf-primary:light-dark(#000,#fff);--bf-primary-fg:light-dark(#fff,#000);--bf-surface:light-dark(#fff,#000);--bf-surface-alt:light-dark(#f0f0f0,#101010);--bf-text:light-dark(#000,#fff);--bf-muted:light-dark(#404040,silver);--bf-border:light-dark(#000,#fff);--bf-focus-ring:light-dark(#000,#fff);--bf-danger:light-dark(#000,#fff);--bf-danger-fg:light-dark(#fff,#000);--bf-success:light-dark(#000,#fff);--bf-success-fg:light-dark(#fff,#000);--bf-info:light-dark(#000,#fff);--bf-info-fg:light-dark(#fff,#000);--bf-warning:light-dark(#000,#fff);--bf-warning-fg:light-dark(#fff,#000)}}