@use '../../base/mixins/breakpoints' as break;

@mixin get-typography($type) {
	font-family: var(--txt-#{$type}-family);
	font-size: var(--txt-#{$type}-size);
	font-weight: var(--txt-#{$type}-weight);
	line-height: var(--txt-#{$type}-lh);
	letter-spacing: var(--txt-#{$type}-ls, normal);
	text-transform: var(--txt-#{$type}-tt, none);

	@if $type == 'body' or $type == 'body-bold' {
		strong,
		b {
			font-weight: 700;
		}
	}

	@if $type == 'body-small' or $type == 'body-small-medium' {
		strong,
		b {
			font-weight: 500;
		}
	}
}