/**
 * Typography
 * Font settings
 */

@import '../functions/colors';

$context--font-family-serif: 'Merriweather', serif;
$context--font-family-sans: 'Merriweather Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;

$context--primary-text-color: color('black');
$context--secondary-text-color: color('grey-dark2');

$context--font-family-serif-save-data: $context--font-family-sans;

$context--font-weight-light: 300;
$context--font-weight-normal: 400;
$context--font-weight-bold: 700;

$context--font-size-default: 100%;

$context--font-size-base: 1.125rem;

$context--font-size-interface: $t-a-typography-font-size-s;

$context--font-size-xs: $t-a-typography-font-size-s;
$context--font-size-sm: .875rem;
$context--font-size-md: $t-a-typography-heading-level-5-default-font-size;
$context--font-size-lg: $t-a-typography-heading-level-4-default-font-size;
$context--font-size-xl: $t-a-typography-heading-level-3-fluid-font-size;
$context--font-size-xxl: $t-a-typography-heading-level-2-fluid-font-size;
$context--font-size-xxxl: $t-a-typography-heading-level-1-fluid-font-size;

// Headings
$context--font-size-h1: $t-a-typography-heading-level-1-fluid-font-size;
$context--font-size-h2: $t-a-typography-heading-level-2-fluid-font-size;
$context--font-size-h3: $t-a-typography-heading-level-3-fluid-font-size;
$context--font-size-h4: $t-a-typography-heading-level-4-default-font-size;
$context--font-size-h5: $t-a-typography-heading-level-5-default-font-size;
$context--font-size-h6: $t-a-typography-heading-level-6-default-font-size;


$context--line-height-base: 1.61803398875; // golden ratio
$context--line-height-md: 1.5;
$context--line-height-tight: 1.4;
$context--line-height-heading: $context--line-height-tight;
$context--line-height-h1: 2.625rem;
$context--line-height-h2: 2rem;
$context--line-height-h3: 1.75rem;
$context--line-height-h4: 1.5rem;
$context--line-height-h5: 1.375rem;


// 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: $context--font-size-h4;
$context--font-size-h5-min: $context--font-size-h5;
$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--line-height-h5-min: $context--line-height-h5;