:root {

    /*=====================================
        COLORS
    ======================================*/

    --color-black: #000000;
    --color-white: #ebebeb;

    --color-background: #000000;
    --color-light-background: #f2f2f2;

    --color-text-light: #ffffff;
    --color-text-dark: #111111;

    /* Matt Rife style CTA color */
    --color-olive: #6b6500;


    /*=====================================
        TYPOGRAPHY
    ======================================*/

    --font-primary: Arial, Helvetica, sans-serif;

    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;


    /*=====================================
        LAYOUT
    ======================================*/

    --container-width: 1400px;

    --container-padding: 40px;


    /*=====================================
        SPACING
    ======================================*/

    --section-padding: 80px;

    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 40px;
    --spacing-xl: 60px;


    /*=====================================
        BORDERS
    ======================================*/

    --border-light: rgba(255, 255, 255, 0.15);

    --border-dark: rgba(0, 0, 0, 0.15);


    /*=====================================
        TRANSITIONS
    ======================================*/

    --transition-fast: 0.2s ease;

    --transition-normal: 0.3s ease;

}