/**
 * Typography
 * Font settings
 */

 // because Nature is expecting the old `default` brand to still be available

$context--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;


$is-nature-branded: false !default;
$context--font-family-serif: if($is-nature-branded, (Harding, Palatino, serif), $context--font-family-serif);
$context--font-family-primary: if($is-nature-branded, $context--font-family-serif, $context--font-family-sans);
$context--font-family-secondary: $context--font-family-sans;

$context--font-size-xxs: .75rem;
$context--font-size-xs: .875rem;
$context--font-size-sm: 1rem;
$context--font-size-md: $t-a-typography-heading-level-4-default-font-size;
$context--font-size-lg: $t-a-typography-heading-level-2-default-font-size;
$context--font-size-xl: 1.75rem;
$context--font-size-xxl: $t-a-typography-heading-level-1-default-font-size;

$context--font-size-h1: $t-a-typography-heading-level-1-default-font-size;
$context--font-size-h2: $t-a-typography-heading-level-2-default-font-size;
$context--font-size-h3: $t-a-typography-heading-level-3-default-font-size;
$context--font-size-h4: $t-a-typography-heading-level-4-default-font-size;


$context--line-height-h1: 2.25rem;
$context--line-height-h2: 1.6rem;
$context--line-height-h3: 1.4rem;
$context--line-height-h4: 1.4rem;

// Fluid typography
$context--font-size-h1-min: $context--font-size-h2;
$context--font-size-h2-min: $context--font-size-h3;
$context--font-size-h3-min: $context--font-size-h4;
$context--font-size-h4-min: 1rem; // Body typography size

$context--line-height-h1-min: $context--line-height-h2;
$context--line-height-h2-min: $context--line-height-h3;
$context--line-height-h3-min: $context--line-height-h4;
$context--line-height-h4-min: $context--line-height-h4;

$context--letter-spacing-min: -0.011715625rem; // in Safari this is 0.18745000660419464px not 0.1875px
$context--letter-spacing: -0.0390625rem;

$context--font-weight-normal: 400;
$context--font-weight-bold: 700;
$context--line-height-heading: $context--line-height-tight;
$context--font-weight-heading: $context--font-weight-bold;
