@charset "UTF-8";

//
/// Typography
//
/// Style guide: Variables.Core.Typography
//

///
/// HTML root font size (10px assuming browser default is 16px)
///
/// @name $su-root-font-size
///
/// @group variable
$su-root-font-size: 62.5%;

///
/// Font size.
///
/// @name $su-base-font-size
///
/// @group variable
$su-base-font-size: 2rem !default;

///
/// A multiplier to scale down some of the larger display font sizes at XS and SM break points.
///
/// @name $su-displays-mobile-factor
///
/// @group variable
$su-displays-mobile-factor: 0.85 !default;

///
/// Default line height.
///
/// @name $su-base-line-height
///
/// @group variable
$su-base-line-height: 1.4 !default;

///
/// Default line height.
///
/// @name $su-displays-line-height
///
/// @group variable
$su-displays-line-height: 1.2 !default;

///
/// Default line height.
///
/// @name $su-intro-line-height
///
/// @group variable
$su-intro-line-height: 1.5 !default;

///
/// font-sans font family.
///
/// @name $su-font-sans
///
/// @group variable
$su-font-sans: 'Source Sans Pro', $font-stack-helvetica !default;

///
/// font-serif font family.
///
/// @name $su-font-serif
///
/// @group variable
$su-font-serif: 'Source Serif Pro', $font-stack-georgia !default;

///
/// font-slab font family.
///
/// @name $su-font-slab
///
/// @group variable
$su-font-slab: 'Roboto Slab', $font-stack-georgia !default;

///
/// font-script font family.
///
/// @name $su-font-handwriting
///
/// @group variable
$su-font-handwriting: 'Kalam', $font-stack-helvetica !default;

///
/// font-sanskrit font family.
///
/// @name $su-font-sanskrit
///
/// @group variable
$su-font-sanskrit: 'Noto Sans', $font-stack-helvetica !default;

///
/// font-x-light font weight.
///
/// @name $su-font-x-light
///
/// @group variable
$su-font-x-light: 100 !default;

///
/// font-light font weight.
///
/// @name $su-font-light
///
/// @group variable
$su-font-light: 200 !default;

///
/// font-regular font weight.
///
/// @name $su-font-regular
///
/// @group variable
$su-font-regular: 400 !default;

///
/// font-semi-bold font weight.
///
/// @name $su-font-semi-bold
///
/// @group variable
$su-font-semi-bold: 600 !default;

///
/// font-bold font weight.
///
/// @name $su-font-bold
///
/// @group variable
$su-font-bold: 700 !default;

///
/// font-black font weight.
///
/// @name $su-font-black
///
/// @group variable
$su-font-black: 900 !default;
