:root {
    --green-50: #f1f8f4;
    --green-100: #ddeee2;
    --green-200: #bdddc8;
    --green-300: #91c4a6;
    --green-400: #62a580;
    --green-500: #418863;
    --green-600: #2f6c4d;
    --green-700: #265640;
    --green-800: #204534;
    --green-900: #1b392b;
    --green-950: #1b392b;

    --blue-50: #f1f9fe;
    --blue-100: #e3f2fb;
    --blue-200: #b4e1f6;
    --blue-300: #88d2f1;
    --blue-400: #48bbe8;
    --blue-500: #20a3d7;
    --blue-600: #1283b7;
    --blue-700: #106894;
    --blue-800: #12597a;
    --blue-900: #144a66;
    --blue-950: #0d2f44;

    --red-50: #fef2f2;
    --red-100: #fde6e6;
    --red-200: #fad1d2;
    --red-300: #f5acae;
    --red-400: #ef7d83;
    --red-500: #e13b47;
    --red-600: #d02e42;
    --red-700: #af2136;
    --red-800: #931e33;
    --red-900: #7e1d31;
    --red-950: #460b16;

    --gray-50: #f6f6f6;
    --gray-100: #e7e7e7;
    --gray-200: #d1d1d1;
    --gray-300: #b0b0b0;
    --gray-400: #888888;
    --gray-500: #6d6d6d;
    --gray-600: #5d5d5d;
    --gray-700: #4f4f4f;
    --gray-800: #454545;
    --gray-900: #3d3d3d;
    --gray-950: #0a0a0a;

    --yellow-50: #fefce8;
    --yellow-100: #fefac3;
    --yellow-200: #fff289;
    --yellow-300: #fee546;
    --yellow-400: #fbd214 ;
    --yellow-500: #ebb807;
    --yellow-600: #cb8e03;
    --yellow-700: #a26506;
    --yellow-800: #864f0d;
    --yellow-900: #714112;
    --yellow-950: #422106;

    --white: #ffffff;
    --black: #000000;

    --background-blue-dark: #181f32;
    --background-light: #f7f6fb;

    --font-title: "e-Ukraine";
    --font-main: "Montserrat", serif;
}