:root {
    /* BACK */
    --color-back-primary: #4B4B4B;
    --color-back-primary-50: rgba(75,75,75,0.5);
    --color-back-secondary: #64696D;
    --color-back-tertiary: #969A9C;
    --color-back-overlayer: rgba(107,107,107,0.75);

    /* LOGO */
    --color-logo-back: #FFFFFF;
    --color-logo-red: #BC163F;
    --color-logo-blue: #1C1738;

    /* TEXT */
    --color-text-primary: #F3F5F8;
    --color-text-light-fix: #F3F5F8;
    --color-text-secondary: #9CA0A4;
    --color-text-bright: #FF9E7D;

    /* BUTTON */
    --color-button-neutral-default: #737A7E;
    --color-button-neutral-hover: #7F878C;
    --color-button-neutral-active: #8C9093;
    --color-button-bright-default: #E0582B;
    --color-button-bright-hover: #EB6B41;

    /* BORDER */
    --color-border-primary: #878B8E;
    --color-border-secondary: #C5C9CD;
    --color-border-bright: #EE8A69;

    /* LINK AND OUTLINE */
    --color-link-default: #BED9F2;
    --color-link-hover: #EEA78F;
    --color-link-active: #F4C8B9;
    --color-link-underline-default: #79848E;
    --color-link-underline-hover: #9E877F;
    --color-link-underline-active: #9E9693;
    --color-outline-border: #F5CCBE;
    --color-outline-back: #765F57;

    --font-weight-regular: 375;
    --font-weight-bold:    675;
}