:root{   
    --my-gutter: 0.75rem;
    --my-gutter_x2: 1.5rem;
    --my-gutter_half: 1.375rem;

    --my-black: #212121;
    --my-black_light_15: #474747;
    --my-black_fade_10: rgba(33, 33, 33, 0.1);
    --my-black_fade_20: rgba(33, 33, 33, 0.2);
    --my-black_fade_30: rgba(33, 33, 33, 0.3);
    --my-black_fade_40: rgba(33, 33, 33, 0.4);
    --my-black_fade_50: rgba(33, 33, 33, 0.5);
    --my-black_fade_60: rgba(33, 33, 33, 0.6);
    --my-black_fade_70: rgba(33, 33, 33, 0.7);
    --my-black_fade_80: rgba(33, 33, 33, 0.8);
    --my-black_fade_90: rgba(33, 33, 33, 0.9);
    --my-white: #ffffff;
    --my-white_dark_4: #f5f5f5;
    --my-white_dark_5: #f2f2f2;
    --my-white_dark_6: #f0f0f0;
    --my-white_fade_15: rgba(255, 255, 255, 0.15);
    --my-white_fade_25: rgba(255, 255, 255, 0.25);

    --my-gray: #CFD8DC;
    --my-gray_dark: #77909B;
    --my-gray_dark_15: #698490;
    --my-gray_dark_20: #495b63;
    --my-gray_dark_30: #334046;
    --my-gray_light_10: #ecf0f2;
    --my-gray_dark_d_10: #5e7681;
    --my-gray_fade_30: rgba(207, 216, 220, 0.3);

    --my-gray_bg: #FCFCFC;
    --my-gray_bg_dark_1: #f9f9f9;
    --my-gray_bg_dark_5: #efefef;
    --my-gray_bg_dark_10: #e3e3e3;

    --my-separator: #F3F3F3;
    --my-separator_dark_5: #e6e6e6;

    --my-blue: #007acc;
    --my-blue_fade_3: rgba(0, 122, 204, 0.03);
    --my-blue_dark: #113F6F;
    --my-blue_dark_5: #006bb3;
    --my-blue_light: #E6F2FA;

    --my-link: var(--my-blue);

    --my-red: #C62828;
    --my-red_dark: #9c1f1f;
    --my-red_dark_5: #871b1b;
    --my-red_light_50: #fcf1f1;
    --my-red_light: #da4747;
    --my-red_fade_05: rgba(198, 40, 40, 0.05);
    --my-red_fade_10: rgba(198, 40, 40, 0.1);
    --my-red_fade_50: rgba(198, 40, 40, 0.5);

    --my-orange: #e66d21;
    --my-orange_dark: #bf5715;
    --my-orange_light: #eb8b4f;

    --my-yellow: #FFDA47;
    --my-yellow_dark: #ffd014;
    --my-yellow_light: #ffe47a;

    --my-error: var(--my-red);
    --my-error_dark: var(--my-red_dark);
    --my-error_light: var(--my-red_light);
    --my-error_light_50: var(--my-red_light_50);
    --my-error_fade_10: var(--my-red_fade_10);
    --my-error_fade_50: var(--my-red_fade_50);

    --my-green: #0b0;
    --my-green_fade_10: rgba(0, 187, 0, 0.1);
    
    --my-transparent: rgba(255,255,255,0);

    --my-main: var(--my-blue);
    --my-main_fade_3: var(--my-blue_fade_3);
    --my-main_dark: var(--my-blue_dark);
    --my-main_dark_5: var(--my-blue_dark_5);
    --my-main_light: var(--my-blue_light);

    --my-second: var(--my-yellow);
    --my-second_dark: var(--my-yellow_dark);
    --my-second_light: var(--my-yellow_light);

    --my-third: var(--my-orange);
    --my-third_dark: var(--my-orange_dark);
    --my-third_light: var(--my-yellow_light);

    --my-border: var(--my-gray);
    --my-border_dark_15: var(--my-gray_dark_15);
    --my-border_dark_20: var(--my-gray_dark_20);
    --my-border_light_10: var(--my-gray_light_10);
    --my-border_fade_30: var(--my-gray_fade_30);
}