_variables.scss

@use 'functions';

$use-text-defaults: true !default;

$fw-thin: 100 !default;
$fw-light: 300 !default;
$fw-regular: 400 !default;
$fw-medium: 500 !default;
$fw-semi-bold: 600 !default;
$fw-bold: 700 !default;
$fw-extra-bold: 800 !default;
$fw-black: 900 !default;

$black: #000 !default;
$white: #fff !default;

$base-font-size: 16px !default;
$base-font-family: Helvetica, Tacoma, sans-serif !default;
$base-font-color: $black !default;
$base-line-height: 1.6 !default;
$base-font-weight: $fw-regular !default;
$base-spacing: 1rem !default;

$heading-font-family: $base-font-family !default;
$heading-line-height: 1.2 !default;
$heading-font-color: inherit !default;
$heading-font-weight: $fw-bold !default;

$heading-margin: $base-spacing !default;
$heading-margin-top: 0 !default;
$heading-margin-bottom: $heading-margin !default;

$h1-font-size: functions.em-calc(32px) !default;
$h2-font-size: functions.em-calc(24px) !default;
$h3-font-size: functions.em-calc(20px) !default;
$h4-font-size: functions.em-calc(18px) !default;
$h5-font-size: functions.em-calc(16px) !default;
$h6-font-size: functions.em-calc(15px) !default;

$base-sizes: (
    'base': $base-font-size,
    'phone-large': $base-font-size,
    'tablet': $base-font-size,
    'desktop': $base-font-size,
    'desktop-large': $base-font-size,
    'desktop-extra-large': $base-font-size
) !default;

$h1-sizes: (
    'base': $h1-font-size,
    'phone-large': $h1-font-size,
    'tablet': $h1-font-size,
    'desktop': $h1-font-size,
    'desktop-large': $h1-font-size,
    'desktop-extra-large': $h1-font-size
) !default;

$h2-sizes: (
    'base': $h2-font-size,
    'phone-large': $h2-font-size,
    'tablet': $h2-font-size,
    'desktop': $h2-font-size,
    'desktop-large': $h2-font-size,
    'desktop-extra-large': $h2-font-size
) !default;

$h3-sizes: (
    'base': $h3-font-size,
    'phone-large': $h3-font-size,
    'tablet': $h3-font-size,
    'desktop': $h3-font-size,
    'desktop-large': $h3-font-size,
    'desktop-extra-large': $h3-font-size
) !default;

$h4-sizes: (
    'base': $h4-font-size,
    'phone-large': $h4-font-size,
    'tablet': $h4-font-size,
    'desktop': $h4-font-size,
    'desktop-large': $h4-font-size,
    'desktop-extra-large': $h4-font-size
) !default;

$h5-sizes: (
    'base': $h5-font-size,
    'phone-large': $h5-font-size,
    'tablet': $h5-font-size,
    'desktop': $h5-font-size,
    'desktop-large': $h5-font-size,
    'desktop-extra-large': $h5-font-size
) !default;

$h6-sizes: (
    'base': $h6-font-size,
    'phone-large': $h6-font-size,
    'tablet': $h6-font-size,
    'desktop': $h6-font-size,
    'desktop-large': $h6-font-size,
    'desktop-extra-large': $h6-font-size
) !default;