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

:root {

    // Fonts

    --text-font-family: 'Nunito', Verdana, sans-serif;
    --logo-font-family: 'Gloria Hallelujah', Verdana, sans-serif;
    --regular-font-weight: 400;
    --medium-font-weight: 500;
    --semi-bold-font-weight: 600;
    --bold-font-weight: 700;
    --text-font-size: 1rem;
    --caption-font-size: 0.9rem;
    --footnote-font-size: 0.8rem;
    --text-line-height: 1.6rem;
    --h1-font-size: 1.8rem;
    --h2-font-size: 1.4rem;
    --h3-font-size: 1.2rem;

    // Dimensions

    --content-max-width: 140rem;
    --text-max-width: 70rem;
    --icon-size: 2.5rem;
    --header-bar-vertical-padding: 1rem;
    --header-bar-horizontal-padding: 2rem;
    --header-bar-height: calc((var(--header-bar-vertical-padding) * 2) + var(--icon-size));
    --footer-bar-vertical-padding: 1rem;
    --footer-bar-horizontal-padding: 2rem;
    --footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size) + 1rem + var(--text-font-size));
    --generic-section-vertical-padding: 3rem;
    --generic-section-horizontal-padding: 2rem;
    --home-section-vertical-padding: 2rem;
    --home-section-horizontal-padding: 2rem;
    --home-section-min-height: calc(100vh - var(--header-bar-height) - var(--footer-bar-height));
    --home-nav-gap: 1rem;
    --home-nav-item-size: 2rem;
    --home-nav-item-translation: 0;
    --home-nav-image-max-height: calc(100vh - var(--header-bar-height) - ((var(--generic-section-vertical-padding) + var(--home-nav-item-size) + var(--home-nav-gap)) * 2) - var(--footer-bar-height));

    // Colors

    --black: #000;
    --transparent-black: rgba(0, 0, 0, 0.8);
    --jet: #333333;
    --granite-gray: #666666;
    --spanish-gray: #999999;
    --light-gray: #cccccc;
    --white: #fff;
    --transparent-white: rgba(255, 255, 255, 0.8);

    // Plyr (audio player)

    --plyr-color-main: var(--transparent-black);
}

// Media queries

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

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

    :root {

        // Fonts

        --text-font-size: 1.2rem;
        --caption-font-size: 1.1rem;
        --footnote-font-size: 1rem;
        --h1-font-size: 2rem;
        --h2-font-size: 1.6rem;
        --h3-font-size: 1.4rem;

        // Dimensions

        --icon-size: 3rem;
        --header-bar-vertical-padding: 2rem;
        --header-bar-horizontal-padding: 4rem;
        --footer-bar-vertical-padding: 2rem;
        --footer-bar-horizontal-padding: 4rem;
        --footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size));
        --generic-section-horizontal-padding: 4rem;
        --home-section-horizontal-padding: 4rem;
    }
}