// ============================================================================
// 01-SETTINGS -> #TYPOGRAPHY
// ============================================================================

//
// Font family settings
//

$font-family-sans: 'Inter', sans-serif;


//
// Font weight settings
//

$font-weight-light: 300;
$font-weight-regular: 400;
$font-weight-medium: 500;
$font-weight-semibold: 600;
$font-weight-bold: 700;


//
// Font weight map
//

$font-weight: (
    'light':     $font-weight-light,
    'regular':   $font-weight-regular,
    'medium':    $font-weight-medium,
    'semi-bold': $font-weight-semibold,
    'bold':      $font-weight-bold
);


//
// Font size settings
//

$font-size-base:   16px;
$line-height-base: 1.5;
$font-size-xs:     .75rem;
$line-height-xs:   1rem;
$font-size-sm:     .875rem;
$line-height-sm:   1.25rem;
$font-size-md:     1rem;
$line-height-md:   1.5rem;
$font-size-lg:     1.125rem;
$line-height-lg:   1.75rem;
$font-size-xl:     1.25rem;
$line-height-xl:   1.75rem;
$font-size-2xl:    1.5rem;
$line-height-2xl:  2rem;
$font-size-3xl:    1.875rem;
$line-height-3xl:  2.25rem;
$font-size-4xl:    2.25rem;
$line-height-4xl:  2.5rem;
$font-size-5xl:    3rem;
$line-height-5xl:  1;


//
// Font size map
//

$font-size: (
    'xs': (
        'font-size':   $font-size-xs,
        'line-height': $line-height-xs
    ),
    'sm': (
        'font-size':   $font-size-sm,
        'line-height': $line-height-sm
    ),
    'md': (
        'font-size':   $font-size-md,
        'line-height': $line-height-md
    ),
    'lg': (
        'font-size':   $font-size-lg,
        'line-height': $line-height-lg
    ),
    'xl': (
        'font-size':   $font-size-xl,
        'line-height': $line-height-xl
    ),
    '2xl': (
        'font-size':   $font-size-2xl,
        'line-height': $line-height-2xl
    ),
    '3xl': (
        'font-size':   $font-size-3xl,
        'line-height': $line-height-3xl
    ),
    '4xl': (
        'font-size':   $font-size-4xl,
        'line-height': $line-height-4xl
    ),
    '5xl': (
        'font-size':   $font-size-5xl,
        'line-height': $line-height-5xl
    ),
);