// =============================================================================
//      TEXT STYLE PROPERTY SETS
//
//      Use with set-text-style mixin to set properties on a component or element
//      Example: @include set-text-style($text-style-heading-2);
//
// =============================================================================
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
//      HEADING STYLES
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
$text-style-heading-1: (
    family: $font-family-primary,
    desktop-size: $font-size-4xl,
    desktop-line-height: line-height($font-size-4xl),
    mobile-size: $font-size-3xl,
    mobile-line-height: line-height($font-size-3xl),
    weight: 400
) !default;

$text-style-heading-2: (
    family: $font-family-primary,
    desktop-size: $font-size-2xl,
    desktop-line-height: line-height($font-size-2xl),
    mobile-size: $font-size-xl,
    mobile-line-height: line-height($font-size-xl),
    weight: 400
) !default;

$text-style-heading-3: (
    family: $font-family-secondary,
    desktop-size: $font-size-xl,
    desktop-line-height: line-height($font-size-xl),
    mobile-size: $font-size-l,
    mobile-line-height: line-height($font-size-l),
    weight: 600
) !default;

$text-style-heading-4: (
    family: $font-family-secondary,
    desktop-size: $font-size-l,
    desktop-line-height: line-height($font-size-l),
    mobile-size: $font-size,
    mobile-line-height: line-height($font-size),
    weight: 600
) !default;

$text-style-heading-5: (
    family: $font-family-secondary,
    desktop-size: $font-size,
    desktop-line-height: line-height($font-size),
    mobile-size: $font-size,
    mobile-line-height: line-height($font-size),
    weight: 600
) !default;

$text-style-heading-6: (
    family: $font-family-secondary,
    desktop-size: $font-size-s,
    desktop-line-height: line-height($font-size-s),
    mobile-size: $font-size-s,
    mobile-line-height: line-height($font-size-s),
    weight: 600
) !default;

// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
//      STANDARD CONTENT STYLES
// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
$text-style-content-1: (
    family: $font-family-secondary,
    desktop-size: $font-size,
    desktop-line-height: line-height($font-size),
    mobile-size: $font-size,
    mobile-line-height: line-height($font-size),
    weight: 400
) !default;

$text-style-content-2: (
    family: $font-family-secondary,
    desktop-size: $font-size-s,
    desktop-line-height: line-height($font-size-s),
    mobile-size: $font-size-s,
    mobile-line-height: line-height($font-size-s),
    weight: 400
) !default;

$text-style-content-3: (
    family: $font-family-secondary,
    desktop-size: $font-size-xs,
    desktop-line-height: line-height($font-size-xs),
    mobile-size: $font-size-xs,
    mobile-line-height: line-height($font-size-xs),
    weight: 400
) !default;