:root {

    /* DEFAULT GLOBAL COLORS */
    --GLOBAL-default-accent-color-1: #002851;
    --GLOBAL-default-accent-color-1: #002851;
    --GLOBAL-default-accent-color-2: #EBA356;
    --GLOBAL-default-accent-color-2: #EBA356;
    --GLOBAL-default-accent-color-3: #008FCA;
    --GLOBAL-default-accent-color-3: #008FCA;
    --GLOBAL-default-background-color-dark: #131313;
    --GLOBAL-default-background-color-light: #ffffff;
    --GLOBAL-default-active-background-color: var(--GLOBAL-default-background-color-light);

    /* Default Font Settings */
    --GLOBAL-default-font-order: 'DMSans', sans-serif;
    --GLOBAL-default-font-size: 14px;
    --GLOBAL-default-font-weight: 400;
    --GLOBAL-default-font-color-black: #000000;
    --GLOBAL-default-font-color-dark: #080808;
    --GLOBAL-default-font-color-grey: #8f8f8f;
    --GLOBAL-default-font-color-light: #e3e3e3;
    --GLOBAL-default-font-color-white: #ffffff;
    --GLOBAL-selected-font-color: var(--GLOBAL-default-font-color-dark);

    /* Default UNITS */
    --GLOBAL-default-unit-small: .5em;
    --GLOBAL-default-unit: 1em;
    --GLOBAL-default-unit-large: 2em;

    /* Default Layout Settings */
    --GLOBAL-default-gap-small: var(--GLOBAL-default-unit-small);
    --GLOBAL-default-gap: var(--GLOBAL-default-unit);
    --GLOBAL-default-gap-large: var(--GLOBAL-default-unit-large);

    --GLOBAL-default-border-radius-small: var(--GLOBAL-default-unit-small);
    --GLOBAL-default-border-radius: var(--GLOBAL-default-unit);
    --GLOBAL-default-border-radius-large: var(--GLOBAL-default-unit-large);

    --GLOBAL-default-padding-small: var(--GLOBAL-default-unit-small);
    --GLOBAL-default-padding: var(--GLOBAL-default-unit);
    --GLOBAL-default-padding-large: var(--GLOBAL-default-unit-large);

    --GLOBAL-default-icon-size: var(--GLOBAL-default-unit);

    --GLOBAL-default-transition: all 88ms cubic-bezier(0.32, 0, 0.67, 0) 0s;

}