:root {
    /* FONT COLORS */

    --DarkFontColor: #454545;
    /* FONT FAMILY*/

    --SystemFont: Arimo;
    /* FONT SIZE */
    --FirstFontSize: 0.6rem;
    --SecondFontSize: 0.8rem;
    /* BUTTON COLOR */
    --DarkButtonBackgrondColor: #343a40;
    --DarkButtonBackgrondColorHover: #23272b;
    /* FONTS EDIT COLORS */
    --FontsEditErrorBackgroundColor: #fdecea;
    --FontsEditErrorBorderColor: #f5c2c0;
    --FontsEditSuccessBackgroundColor: #e7f6ee;
    --FontsEditSuccessBorderColor: #b9dec0;
    --FontsEditInfoBackgroundColor: #eef4ff;
    --FontsEditInfoBorderColor: #c6d6f5;
    --FontsEditWarningBackgroundColor: #fff4e5;
    --FontsEditWarningBorderColor: #ffd8a8;
    --FontPreviewBackgroundColor: #fafafa;
    --FontPreviewBorderColor: #ccc;
    --FontEditInputDisabledColor: #f5f5f5;
}

.theme-dark {
    --DarkFontColor: red;
}

.theme-light {
    --DarkFontColor: #454545;
}