:root {
    --green-50: #f6fee7;
    --green-100: #e9fccb;
    --green-200: #d0f993;
    --green-300: #b6f363;
    --green-400: #99e734;
    --green-500: #7acd15;
    --green-600: #5da40c;
    --green-700: #477d0e;
    --green-800: #3b6212;
    --green-900: #335314;
    --green-950: #182e05;

    --blue-50: #f2f8fd;
    --blue-100: #e4effa;
    --blue-200: #c2def5;
    --blue-300: #8dc4ec;
    --blue-400: #66b2e4;
    --blue-500: #298cce;
    --blue-600: #1b6fae;
    --blue-700: #17588d;
    --blue-800: #174c75;
    --blue-900: #184062;
    --blue-950: #102941;

    --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;

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

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