/*
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
* * * * * ==============================
========================================
========================================
========================================
----------------------------------------
USWDS THEME TYPOGRAPHY SETTINGS
----------------------------------------
-
Read more about settings and
USWDS typography tokens in the documentation:
https://v2.designsystem.digital.gov/style-tokens/typography
-
----------------------------------------
*/

/*
----------------------------------------
Root font size
----------------------------------------
Setting $theme-respect-user-font-size to
true sets the root font size to 100% and
uses ems for media queries
----------------------------------------
$theme-root-font-size only applies when
$theme-respect-user-font-size is set to
false.

This will set the root font size
as a specific px value and use px values
for media queries.

Accepts true or false
----------------------------------------
*/

$theme-respect-user-font-size: false;

// $theme-root-font-size only applies when
// $theme-respect-user-font-size is set to
// false.

// This will set the root font size
// as a specific px value and use px values
// for media queries.

// Accepts values in px

$theme-root-font-size: 10px;

/*
----------------------------------------
Basic styles
----------------------------------------
Sets the default typography styles for
paragraph text and links

Accepts true or false
----------------------------------------
*/

$theme-global-styles-basic: false;

/*
----------------------------------------
Content styles
----------------------------------------
Sets the default typography styles for
paragraph text, links, headings, lists,
and tables

Accepts global, scoped, or none
----------------------------------------
*/

$theme-content-styles: 'scoped';

/*
----------------------------------------
Custom font definitions
----------------------------------------
Add a new custom font definition if
your project uses a typeface we've
not already defined.
----------------------------------------
The following faces are defined in the
system:

'georgia'
'helvetica'
'merriweather'
'open-sans'
'public-sans'
'roboto-mono'
'source-sans-pro'
'system'
'tahoma'
'verdana'
----------------------------------------
*/

$theme-font-definitions: (
  'source-sans-pro-plus': (
    name: 'Source Sans Pro Web',
    dir: 'source-sans-pro-plus',
    stack: ('Helvetica Neue', 'Helvetica', 'Roboto', 'Arial', sans-serif),
    system-font: false,
    cap-height: 340px,
    generate: true,
    variable-font: false,
    roman: (
      100: false,
      200: false,
      300: 'sourcesanspro-light-webfont',
      400: 'sourcesanspro-regular-webfont',
      500: false,
      600: 'sourcesanspro-semibold-webfont',
      700: 'sourcesanspro-bold-webfont',
      800: false,
      900: false,
    ),
    italic: (
      100: false,
      200: false,
      300: false,
      400: 'sourcesanspro-italic-webfont',
      500: false,
      600: 'sourcesanspro-semibold-italic-webfont',
      700: false,
      800: false,
      900: false,
    ),
  )
);

/*
----------------------------------------
Fonts in use
----------------------------------------
Set the sans, serif, and mono faces for
your project
----------------------------------------
The following faces are defined in the
system:

'georgia'
'helvetica'
'merriweather'
'open-sans'
'public-sans'
'roboto-mono'
'source-sans-pro'
'system'
'tahoma'
'verdana'
----------------------------------------
*/

$theme-font-mono:    false;
$theme-font-sans:    'source-sans-pro-plus';
$theme-font-serif:   'source-sans-pro-plus';
$theme-font-cond:    false;

/*
----------------------------------------
Fonts by role
----------------------------------------
Set the ui, heading, body, code, and alt
faces for your project from

$theme-font-sans
$theme-font-serif
$theme-font-mono
$theme-font-cond
----------------------------------------
*/

$theme-font-ui:       $theme-font-sans;
$theme-font-heading:  $theme-font-serif;
$theme-font-body:     $theme-font-sans;
$theme-font-code:     $theme-font-mono;
$theme-font-alt:      $theme-font-serif;

/*
----------------------------------------
Type scale
----------------------------------------
Define your project's type scale using
values from the USWDS system type scale

1-20
----------------------------------------
*/

$theme-type-scale-3xs:      2;
$theme-type-scale-2xs:      3;
$theme-type-scale-xs:       4;
$theme-type-scale-sm:       5;
$theme-type-scale-md:       6;
$theme-type-scale-lg:       9;
$theme-type-scale-xl:       12;
$theme-type-scale-2xl:      14;
$theme-type-scale-3xl:      15;

/*
----------------------------------------
Font weights
----------------------------------------
Assign weights 100-900
Or use `false` for unneeded weights.
----------------------------------------
*/

$theme-output-all-weights:        false;

$theme-font-weight-thin:          false;
$theme-font-weight-light:         300;
$theme-font-weight-normal:        400;
$theme-font-weight-medium:        false;
$theme-font-weight-semibold:      false;
$theme-font-weight-bold:          700;
$theme-font-weight-heavy:         false;

/*
----------------------------------------
General typography settings
----------------------------------------
Type scale tokens
----------------------------------------
micro:      10px
1:          12px
2:          13px
3:          14px
4:          15px
5:          16px
6:          17px
7:          18px
8:          20px
9:          22px
10:         24px
11:         28px
12:         32px
13:         36px
14:         40px
15:         48px
16:         56px
17:         64px
18:         80px
19:         120px
20:         140px
----------------------------------------
Line height tokens
----------------------------------------
1:    1
2:    1.15
3:    1.35
4:    1.5
5:    1.62
6:    1.75
----------------------------------------
Font family tokens
----------------------------------------
'ui'
'heading'
'body'
'code'
'alt'
----------------------------------------
Measure (max-width) tokens
----------------------------------------
1:       40ch
2:       60ch
3:       66ch
4:       72ch
5:       77ch
none:    none
----------------------------------------
*/

// Body settings are the equivalent of setting the <body> element
$theme-body-font-family:           'body';
$theme-body-font-size:             'sm';
$theme-body-line-height:           5;

// If true, explicitly style the <body> element with the base styles
$theme-style-body-element:         false;

// Headings
$theme-h1-font-size:               '2xl';
$theme-h2-font-size:               'xl';
$theme-h3-font-size:               'lg';
$theme-h4-font-size:               'sm';
$theme-h5-font-size:               'xs';
$theme-h6-font-size:               '3xs';
$theme-heading-line-height:        2;
$theme-small-font-size:            '2xs';
$theme-title-font-size:            '3xl';

// Text and prose
$theme-text-measure-narrow:        1;
$theme-text-measure:               3;
$theme-text-measure-wide:          4;
$theme-prose-font-family:          'body';

// Lead text
$theme-lead-font-family:           'heading';
$theme-lead-font-size:             'lg';
$theme-lead-line-height:           6;
$theme-lead-measure:               5;