:root {

    /* Colors */
    --color-white:          #FFFFFF;
    --color-off-white:      #F5F5F5;
    --color-primary:        #EC2027;
    --color-primary-light:  #F3565C;
    --color-gray-100:       #CFCFCF;
    --color-gray-200:       #B3B3B3;
    --color-gray-300:       #9F9F9F;
    --color-gray-400:       #979797;
    --color-gray-500:       #797979;
    --color-gray-600:       #717171;
    --color-gray-700:       #515151;
    --color-gray-800:       #333333;
    --color-black:          #000000;

    /* Typography */
    --font-primary: 'Geologica', sans-serif;

    --font-weight-thin:        100;
    --font-weight-extralight:  200;
    --font-weight-light:       300;
    --font-weight-regular:     400;
    --font-weight-medium:      500;
    --font-weight-bold:        700;

    /* Font sizes */
    --fs-h1:    128px;
    --fs-h2:    88px;
    --fs-h3:    50px;
    --fs-h4:    48px;
    --fs-h5:    32px;
    --fs-h6:    28px;
    --fs-h7:    24px;
    --fs-h8:    20px;
    --fs-h9:    18px;
    --fs-h10:   17px;
    --fs-h11:   16px;
    --fs-h12:   15px;
    --fs-h13:   14px;
    --fs-h14:   14px;
    --fs-h145:  13px;
    --fs-h15:   12px;

    /* Semantic color aliases */
    --color-red:            #EC2027;
    --color-red-hover:      #F3565C;
    --color-grey-bg:        #F5F5F5;
    --color-grey-light:     #CFCFCF;
    --color-grey-mid:       #9F9F9F;
    --color-grey-mid-dark:  #717171;
    --color-grey-dark:      #515151;

    /* Spacing */
    --section-spacing:        120px;
    --section-spacing-mobile: 50px;

    /* Container */
    --container-width:        94%;
    --container-width-mobile: 96%;
}