/* apex42 */
:root {
    --color-apex42-teal: #00838d;
    --color-apex42-oxford-blue: #003057;
    --color-apex42-rose-a11y: #e02b5b;
}

:root {
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-bold: 700;
}

:root {

    --color-red-a11y: var(--color-apex42-rose-a11y);
    --color-red: var( --color-red-a11y );

    --color-hover-red: #800c02;
    --color-light-gray: #f6f6f6;
    --color-medium-gray: #d0d3d4;
    --color-gray: #4b4f54;
    --color-hover-gray: #262626;
    --color-blackberry: #1E1A34;
    --color-berry-sorbet: #6C1D45;
    --color-berry-smoothie: #C63663;
    --color-berry-shake: #E89CAE;
    --color-lemon: #F1C400;
    --color-citrus-peach: #ff7f41;
    --color-citron: #dbe442;
    --color-blueberry: #003A70;
    --color-leaf: #78D64B;
    --color-aqua: #00AFD7;

    --color-primary-white: #fff;
    --color-primary-black: #000;

    --font-body: 1.7rem;
    --font-body-medium-small: 1.5rem;
    --font-body-small: 1.3rem;
    --font-body-medium: 2rem;
    --font-body-large: 2.7rem;
    --font-body-extra-large: 3.5rem;

    --theme-color-primary-body-copy: var( --color-primary-black );
    --theme-color-link: var( --color-apex42-teal );
    --theme-color-link-hover: var( --color-apex42-teal );

    --resource-color-blog: var(--color-apex42-teal);
    --resource-color-case-study: var(--color-lemon);
    --resource-color-video: var(--color-aqua);
    --resource-color-webinar: var(--color-citrus-peach);
    --resource-color-white-paper: var(--color-leaf);
}