@use '../core/styles/common/tokens' as *;

@mixin kbq-app-switcher-theme() {
    .kbq-app-switcher {
        background: var(--kbq-background-card);

        .kbq-app-switcher-group-header {
            color: var(--kbq-foreground-contrast-secondary);
        }
    }

    .kbq-app-switcher__empty-search-result {
        color: var(--kbq-foreground-contrast-secondary);
    }
}

@mixin kbq-app-switcher-typography() {
    .kbq-app-switcher,
    .kbq-app-switcher__empty-search-result {
        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
    }

    .kbq-app-switcher-group-header__text {
        @include kbq-typography-level-to-styles-css-variables(typography, caps-compact-strong);
    }

    .kbq-app-switcher-group-header__badge {
        @include kbq-typography-level-to-styles-css-variables(typography, text-compact-medium);
    }

    .kbq-app-switch-tree-option__text {
        @include kbq-typography-level-to-styles-css-variables(typography, text-normal-medium);
    }
}