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

@mixin kbq-dl-theme() {
    .kbq-dt {
        color: var(--kbq-description-list-term-color);
    }

    .kbq-dd {
        color: var(--kbq-description-list-description-color);
    }
}

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

        & .kbq-dd {
            @include kbq-typography-level-to-styles-css-variables(typography, text-normal);
        }
    }
}