/**
    1.00 - CSS variables.
 */
:root {
    /* reference only - does not alter media queries - minimum values */
    --screen-sm: 0px;
    --screen-md: 688px;
    --screen-lg: 1248px;
    /* end media sizes */


    /* START EDITS */
    --max-width: 940px;
    --margin: 20px;
    --padding: 20px;

    /* fonts and text */
    --font-family: Lato, sans-serif;
    --font-family-h: Merriweather, serif;

    --font-size: 13px;
    --font-size-h1: 38px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --font-size-h4: 18px;
    --font-size-h5: 16px;
    --font-size-h6: 12px;

    --line-height: 1.5;
    --line-height-h: 1.1;

    --font-style: normal;
    --font-variant: normal;
    --text-align: left;

    --weight-normal: 400;
    --weight-medium: 500;
    --weight-bold: 700;
    --font-weight: 400;
    --font-weight-h: 400;

    /* colors */
    --black: #000000;
    --white: #ffffff;
    --error: #b41717;
    --gray-dark: #333333;
    --gray-medium: #666666;
    --gray-light: #b5b5b5;

    /* universal color naming */
    --color-alpha: #a99231;
    --color-bravo: #e8c308;
    --color-charlie: #444444;
    --color-delta: #eeeeee;

    --color-bg: var(--white);
    --color-text: var(--black);

    /* buttons and links */
    --color-link: var(--color-alpha);
    --button-bg: var(--white);
    --color-link-hover: var(--color-charlie);
    --button-bg-hover: var(--color-alpha);
    --letter-spacing: 1px;
    --link-underline: none;

    /* border */
    --color-border: var(--color-alpha);
    --border-radius: 3px;
    /* END EDITS */
}