// ----------------------------------------------------------------------------
// VARIABLES
// ----------------------------------------------------------------------------

:root {

    // Fonts

    --text-font-family: 'Cairo', sans-serif;
    --title-font-family: 'Cairo', sans-serif;
    --extra-light-font-weight: 200;
    --light-font-weight: 300;
    --regular-font-weight: 400;
    --medium-font-weight: 500;
    --semi-bold-font-weight: 600;
    --bold-font-weight: 700;
    --extra-bold-font-weight: 800;
    --black-font-weight: 900;
    --text-font-size: 1.2rem;
    --text-line-height: calc(var(--text-font-size) * 1.2);
    --caption-font-size: 1.1rem;
    --caption-line-height: calc(var(--caption-font-size) * 1.2);
    --footnote-font-size: 1rem;
    --footnote-line-height: calc(var(--footnote-font-size) * 1.2);
    --h1-font-size: 2rem;
    --h1-line-height: calc(var(--h1-font-size) * 1.2);
    --h2-font-size: 1.8rem;
    --h2-line-height: calc(var(--h2-font-size) * 1.2);
    --h3-font-size: 1.6rem;
    --h3-line-height: calc(var(--h3-font-size) * 1.2);

    // Dimensions

    --icon-size: 2.5rem;

    // Colors

    --eerie-black: #212121;
    --emerald: #72C080;
    --granny-smith-apple: #A3F3B0;
    --middle-green: #428F53;
}

// Media queries

$tablet-media-query: 48rem;
$desktop-media-query: 62rem;

@media screen and (min-width: $tablet-media-query) {

    :root {

    }
}