// ============================================================================
// :: Typography
// ============================================================================
/**
 * This file contains all the settings concerning the base typography of the
 * project. These stylings should NOT be used to define the typography of a
 * standalone component, but should provide a standard way to style the
 * typography.
 *
 * When defining these levels, you should opt to stay within the
 * large - medium - default and small values, using 1x, 2x, to
 * indicate a multiplier, but if this is not possible you can define these
 * size levels in chronological order:
 *
 * Levels (from biggest to smallest) indicating the size:
 * massive
 * huge
 * large
 * medium
 * default
 * small
 * tiny
 * mini
 * micro
 */

// ============================================================================
// :: Font families
// ============================================================================
@include get-font("icons", "/assets/general/fonts/icons/icons");

// Sora
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Black", 900, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-ExtraBold", 800, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Bold", 700, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-SemiBold", 600, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Medium", 500, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Regular", 400, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Light", 200, normal);
@include get-font("Sora", "/assets/general/fonts/Sora/Sora-Thin", 100, normal);

// Open Sans
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-ExtraBold", 800, normal);
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-Bold", 700, normal);
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-SemiBold", 600, normal);
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-Regular", 400, normal);
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-Light", 200, normal);
@include get-font("Open Sans", "/assets/general/fonts/OpenSans/OpenSans-Italic", 400, italic);

// set
$font-family-sora: "Sora";
$font-family-open-sans: "Open Sans";

// ============================================================================
// :: Font weights
// ============================================================================
$font-weight-bold: 900;
$font-weight-extra-bold: 800;
$font-weight-bold: 700;
$font-weight-semibold: 600;
$font-weight-medium: 500;
$font-weight-regular: 400;
$font-weight-light: 200;
$font-weight-thin: 100;

// ============================================================================
// :: Font sizes
// ============================================================================
$font-size-6x-large: 5.3rem;
$font-size-5x-large: 4.1rem;
$font-size-4x-large: 3.1rem;
$font-size-3x-large: 2.2rem;
$font-size-2x-large: 2rem;
$font-size-1x-large: 1.7rem;
$font-size-base: 1.5rem;
$font-size-1x-small: 1.4rem;
$font-size-2x-small: 1.2rem;
$font-size-3x-small: 1rem;

// ============================================================================
// :: Line heights
// ============================================================================
$line-height-6x-large: 8.1rem;
$line-height-5x-large: 6.3rem;
$line-height-4x-large: 4.2rem;
$line-height-3x-large: 3.6rem;
$line-height-2x-large: 3.2rem;
$line-height-1x-large: 2.7rem;
$line-height-base: 2.4rem;
$line-height-1x-small: 2.1rem;
$line-height-2x-small: 1.9rem;
$line-height-3x-small: 1.6rem;

$line-height-normalize: 1;

// ============================================================================
// :: Icon sizes
// ============================================================================
$icon-size-5x-large: 12rem;
$icon-size-4x-large: 8rem;
$icon-size-3x-large: 3rem;
$icon-size-2x-large: 2.4rem;
$icon-size-1x-large: 2rem;
$icon-size-base: 1.6rem;
$icon-size-1x-small: 1.2rem;
$icon-size-2x-small: 0.9rem;