:root {

    /* Fonts */
    --IBM-Sans: 'IBM Plex Sans', sans-serif;
    --IBM-Mono: 'IBM Plex Mono', sans-serif;

    /* Colors */
    --color_white: #fff;
    --color_grey_1000: #0f0e0f;
    --color_grey_950: #1c1c1c;
    --color_grey_900: #212121;
    --color_grey_800: #424242;
    --color_grey_700: #616161;
    --color_grey_600: #757575;
    --color_grey_500: #9e9e9e;
    --color_grey_400: #bdbdbd;
    --color_grey_300: #e0e0e0;
    --color_grey_200: #eeeeee;
    --color_grey_100: #f5f5f5;
    --color_grey_50: #fafafa;

    --color_opacity-grey_1000: #0f0e0f80;
    --color_opacity-grey_950: #1c1c1c80;
    --color_opacity-grey_900: #21212180;
    --color_opacity-grey_800: #42424280;
    --color_opacity-grey_700: #61616180;
    --color_opacity-grey_600: #75757580;
    --color_opacity-grey_500: #9e9e9e80;
    --color_opacity-grey_400: #bdbdbd8c;
    --color_opacity-grey_300: #e0e0e099;
    --color_opacity-grey_200: #eeeeeea6;
    --color_opacity-grey_100: #f5f5f5b3;
    --color_opacity-grey_50: #fafafabf;

    --color_red_1000: #8c0303;
    --color_red_950: #a61111;
    --color_red_900: #b71c1c;
    --color_red_800: #c62828;
    --color_red_700: #d32f2f;
    --color_red_600: #e53935;
    --color_red_500: #ff4a4a;
    --color_red_400: #ef5050;
    --color_red_300: #e57373;
    --color_red_200: #ef9a9a;
    --color_red_100: #ffcdd2;
    --color_red_50: #ffebee;

    --color_dark-red_1000: #8c030333;
    --color_dark-red_950: #a6111133;
    --color_dark-red_900: #b71c1c33;
    --color_dark-red_800: #c6282833;
    --color_dark-red_700: #d32f2f33;
    --color_dark-red_600: #e5393533;
    --color_dark-red_500: #ff4a4a33;
    --color_dark-red_400: #ef505033;
    --color_dark-red_300: #e5737333;
    --color_dark-red_200: #ef9a9a33;
    --color_dark-red_100: #ffcdd233;
    --color_dark-red_50: #ffebee33;

    --color_surface_bg_active: #212121;
    --color_surface_bg_hover: #212121;
    --color_surface_border_default: #424242;
    --color_text_titles: #fafafa;
    --color_surface_bg: #1c1c1c;
    --color_website_bg: #0f0e0f;
    --color_text_highlight: #fafafa;
    --color_text_base: #BDBDBD;
    --color_text_inline_code: #FF8A00;
    --color_brand_main: #ff4a4a;
    --color_button_primary_pressed: #eeeeee;
    --color_button_primary_hover: #fafafa;

    --text-link: #5C94FFFF;

    /* Shadows */
    --shadow-default: 0 5px 10px 0 rgba(0,0,0,0.13), 0 4px 5px 0 rgba(0,0,0,0.15);
}