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

@use './forms' as *;
@use './forms-tokens';

@mixin kbq-forms-theme() {
    @include kbq-form-geometry();

    .kbq-form__label {
        color: var(--kbq-forms-label);
    }

    .kbq-form__legend {
        color: var(--kbq-forms-legend);
    }
}

@mixin kbq-forms-typography() {
    .kbq-form__label {
        @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
    }
}