// ============================================================================================= //
//                                           VARIABLES                                           //
// ============================================================================================= //

@use "sass:math";
@use "sass:string";
@use "@unsass/em";
@use "@unsass/rem";
@use "@sass-collective/strip-unit";
@use "./functions";

$font-family: string.unquote("'Open Sans', sans-serif") !default;
$font-baseline: 16px !default;
$font-smoothing: true !default;
$styles: () !default;

@include rem.config($font-baseline);

$base: (
    font-family: $font-family,
    font-size: math.div(100%, 16) * strip-unit.strip($font-baseline)
);

/* stylelint-disable */
$styles-values: functions.set-styles($base, (
    body: (
        line-height: rem.convert(20),
        font-size: rem.convert(16),
        font-weight: 400,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-1: (
        line-height: rem.convert(40),
        font-size: rem.convert(36),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-2: (
        line-height: rem.convert(36),
        font-size: rem.convert(32),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-3: (
        line-height: rem.convert(32),
        font-size: rem.convert(28),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-4: (
        line-height: rem.convert(28),
        font-size: rem.convert(24),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-5: (
        line-height: rem.convert(24),
        font-size: rem.convert(20),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    ),
    headline-6: (
        line-height: rem.convert(20),
        font-size: rem.convert(16),
        font-weight: 700,
        letter-spacing: normal,
        text-decoration: inherit,
        text-transform: inherit
    )
), $styles);
/* stylelint-enable */

$styles: $styles-values;