:root {
    /* 
        colors
    */
    --fast-color-active: #ee3524;
    --fast-color-background: #f9f9f9;
    --fast-color-body-font: #3d3e40;
    --fast-color-border: #d1d3d4;
    --fast-color-border-dark: #a7a8ab;
    --fast-color-border-light: #eee;
    --fast-color-dark: #132742;
    --fast-color-disabled: #f1f1f2;
    --fast-color-disabled-text: #a0a0a0;
    --fast-color-error: #ff0000;
    --fast-color-error-text: #ffffff;
    --fast-color-focus: #cdddf4;
    --fast-color-gray: #5d5d5f;
    --fast-color-gray-dark: #3d3e40;
    --fast-color-gray-light: #e0e0ea;
    --fast-color-gray-text-dark: #0f0f15;
    --fast-color-gray-text-light: #dedee0;
    --fast-color-highlight: #e6e8f5;
    --fast-color-highlight-dark: #c6c8d5;
    --fast-color-hover: #ee3524;
    --fast-color-info: #0055ee;
    --fast-color-info-text: #000000;
    --fast-color-light: #ffffff;
    --fast-color-main: #1b365d;
    --fast-color-main-dark: #131e29;
    --fast-color-main-light: #7686af;
    --fast-color-main-secondary: #174a7c;
    --fast-color-red: #ee3524;
    --fast-color-row-even: #ffffff;
    --fast-color-row-group-footer: #d1d3d6;
    --fast-color-row-group-header: #e1e3e6;
    --fast-color-row-odd: #efefef;
    --fast-color-row-selected-even: #e6e9fa;
    --fast-color-row-selected-odd: #d6d9ea;
    --fast-color-secondary: #6e7073;
    --fast-color-secondary-dark: #373839;
    --fast-color-secondary-light: #e0e0e0;
    --fast-color-success: #669966;
    --fast-color-success-text: #000000;
    --fast-color-tooltip: #fefeef;
    --fast-color-tooltip-dark: #fafae0;
    --fast-color-warning: #ee5500;
    --fast-color-warning-text: #000000;
    /* 
        unit 
    */
    --fast-unit-spacing: 1rem;
    --fast-unit-duration: 1000ms;
    /* 
        spacing 
    */
    --fast-margin: var(--fast-margin-y) var(--fast-margin-x);
    --fast-margin-thick: var(--fast-margin-thick-y) var(--fast-margin-thick-x);
    --fast-margin-thick-x: calc(var(--fast-margin-x) * var(--fast-spacing-thick-multiplier));
    --fast-margin-thick-y: calc(var(--fast-margin-y) * var(--fast-spacing-thick-multiplier));
    --fast-margin-thin: var(--fast-margin-thin-y) var(--fast-margin-thin-x);
    --fast-margin-thin-x: calc(var(--fast-margin-x) * var(--fast-spacing-thin-multiplier));
    --fast-margin-thin-y: calc(var(--fast-margin-y) * var(--fast-spacing-thin-multiplier));
    --fast-margin-x: var(--fast-spacing-x);
    --fast-margin-y: var(--fast-spacing-y);
    --fast-padding: var(--fast-padding-y) var(--fast-padding-x);
    --fast-padding-thick: var(--fast-padding-thick-y) var(--fast-padding-thick-x);
    --fast-padding-thick-x: calc(var(--fast-padding-x) * var(--fast-spacing-thick-multiplier));
    --fast-padding-thick-y: calc(var(--fast-padding-y) * var(--fast-spacing-thick-multiplier));
    --fast-padding-thin: var(--fast-padding-thin-y) var(--fast-padding-thin-x);
    --fast-padding-thin-x: calc(var(--fast-padding-x) * var(--fast-spacing-thin-multiplier));
    --fast-padding-thin-y: calc(var(--fast-padding-y) * var(--fast-spacing-thin-multiplier));
    --fast-padding-x: var(--fast-spacing-x);
    --fast-padding-y: var(--fast-spacing-y);
    --fast-spacing-thick-multiplier: 2;
    --fast-spacing-thin-multiplier: .5;
    --fast-spacing-x: calc(var(--fast-unit-spacing) * .5);
    --fast-spacing-y: calc(var(--fast-unit-spacing) * .5);
    /* 
        page 
    */
    --fast-page-background-color: var(--fast-color-background);
    --fast-page-footer-background: linear-gradient(0deg, var(--fast-color-main) 0 45%, var(--fast-color-light) 75% 100%);
    --fast-page-footer-background-color: var(--fast-color-light);
    --fast-page-footer-height: 40px;
    /* 
        font 
    */
    --fast-font-family-accent: 'Permian Slab', serif;
    --fast-font-family-main: 'Open Sans', sans-serif;
    --fast-font-size: 15px;
    --fast-font-size-smallest: .5rem;
    --fast-font-size-smaller: .67rem;
    --fast-font-size-small: .875rem;
    --fast-font-size-medium: 1.17rem;
    --fast-font-size-large: 1.25rem;
    --fast-font-size-larger: 1.75rem;
    --fast-font-size-largest: 2rem;
    --fast-letter-spacing: -0.04rem;
    --fast-letter-spacing-loose: 0.04rem;
    --fast-letter-spacing-tight: -0.212rem;
    /* 
        menu
    */
    --fast-menu-background-color: var(--fast-color-light);
    --fast-menu-border-bottom: 2px solid var(--fast-color-border-light);
    --fast-menu-border-top: none;
    --fast-menu-font-color: var(--fast-color-dark);
    --fast-menu-font-family: var(--fast-font-family-main);
    --fast-menu-font-size: var(--fast-font-size-small);
    --fast-menu-height: 50px;
    --fast-menu-item-active-color: var(--fast-color-hover);
    --fast-menu-item-hover-color: var(--fast-color-secondary);
    --fast-menu-padding: .5rem;
    --fast-menu-z-index: 1000;
    /* 
        form
    */
    --fast-form-background-color: var(--fast-color-background);
    --fast-form-checkbox-size: 21px;
    --fast-form-control-border: 1px solid var(--fast-color-border);
    --fast-form-control-box-shadow: 2px 2px 7px -3px var(--fast-color-border);
    --fast-form-control-font-size: 1rem;
    --fast-form-control-height: 2rem;
    --fast-form-font-color: var(--fast-color-dark);
    --fast-form-radio-size: 21px;
    /* 
        misc 
    */
    --fast-animation-time: calc(var(--fast-unit-duration) * .3);
    --fast-animation-time-quick: calc(var(--fast-unit-duration) * .15);
    --fast-animation-time-slow: calc(var(--fast-unit-duration) * 1);
    --fast-border-radius: 0.25rem;
    --fast-box-shadow: 2px 2px 0px 0px rgb(224 224 224 / 50%);
    --fast-box-shadow-left: 2px 2px 0px 0px rgb(224 224 224 / 50%);
    --fast-container-max-width: 1000px;
    --fast-disabled-opacity: 1;
    --fast-header-background-color: var(--fast-color-main-secondary);
    --fast-header-font-color: #ffffff;
    --fast-required-indicator: '(Required)';
    /* 
        image
    */
    --fast-image-background: url('images/star-ball-bg.png');
    --fast-image-footer: url('images/footer-starball.png');
    --fast-image-logo-small: url('images/tn-logo.svg');
}