@use '../../token/color/color';
@use '../../token/font-family/font-family';
@use '../../token/size/size';
@use '../text/text';

$tikui-paragraph-color-text: color.$tikui-color-text-dark !default;
$tikui-paragraph-font-family: font-family.$tikui-font-family-main !default;
$tikui-paragraph-font-size: 16px !default;
$tikui-paragraph-line-height: size.$tikui-size-line-standard !default;

%tikui-paragraph {
  margin: 0;
  padding: 0;
  line-height: $tikui-paragraph-line-height;
  color: $tikui-paragraph-color-text;
  font-family: $tikui-paragraph-font-family;
  font-size: $tikui-paragraph-font-size;
}

@mixin tikui-paragraph {
  @extend %tikui-paragraph;
  @include text.tikui-q-text-bold;
}