/*

// Custom Properties

*/

:root {

    /* Colors */

    --dark: #1a1a1a;
    
    --primary: #cc4632;
    --primary-text: white;

    --secondary: #3E00B0;
    --secondary-text: white;

    /* Font Families and Sizes */

    --body-font-family: 'Lato';

    --header-font-family: 'DM Serif Display', serif;

    --header-font-weight: 400;

    --base-font-size: 1rem;

    --type-scale: 1.2;

    --form-entry-option-group-border-color: var(--border-color)
}

/*

// Reduce Type Scale for Mobile

*/

@media screen and (max-width: 1000px) {
    :root {
        --type-scale: 1.1;
    }
}

#introduction.backdrop, 
#sign-up.backdrop {
    --backdrop-fixed-height: 900px;
}