@use 'theming/theming' as *;
@use 'typography/typography' as *;

@use 'theming/scrollbar-theme' as *;

@use '../../link/link-theme';
@use '../../markdown/markdown-theme' as *;
@use '../../tabs/tabs-theme' as *;
@use '../../tags/tag-theme' as *;
@use '../../textarea/textarea-theme' as *;
@use '../forms/forms-theme' as *;
@use '../highlight/highlight-theme' as *;

@mixin koobiq-theme($theme: null) {
    @include kbq-core-theme();

    @include kbq-forms-theme();
    @include kbq-highlight-theme();
    // link is a directive, so styles for it should be applied globally
    @include link-theme.kbq-link-theme();
    @include kbq-markdown-theme();
    @include kbq-scrollbar-theme();
    @include kbq-tabs-theme();
    @include kbq-tag-theme();
}

@mixin koobiq-typography($tokens: null, $config: null, $md-config: null) {
    @include kbq-base-typography();
    @include kbq-markdown-base-typography();
    @include kbq-markdown-typography();

    @include link-theme.kbq-link-typography();
    @include kbq-forms-typography();
    @include kbq-tabs-typography();
    @include kbq-tag-typography();
    @include kbq-textarea-typography();
}