/**
    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: 928px;
    --margin: 20px;
    --padding: 20px;

    /* fonts and text */
    --font-family: 'Libre Baskerville', sans-serif;
    --font-family-alt: Rochester, serif;
    --font-family-h: 'Cinzel Decorative', serif;

    --font-size: 16px;
    --font-size-h1: 48px;
    --font-size-h2: 48px;
    --font-size-h3: 32px;
    --font-size-h4: 24px;
    --font-size-h5: 20px;
    --font-size-h6: 18px;

    --line-height: 1.5;
    --line-height-h: 1.2;

    --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: #4c1b31;
    --gray-dark: #333333;
    --gray-medium: #666666;
    --gray-light: #b5b5b5;

    /* universal color naming */
    --color-alpha: #b2c8c0;
    --color-bravo: #aac1b9;
    --color-charlie: #978b6f;
    --color-delta: #eae7d8;

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

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

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