:root {
    /* Blue */
    --blue-950: #031967;
    --blue-900: #042777;
    --blue-800: #03318c;
    --blue-700: #073ba0;
    --blue-600: #0e43ba;
    --blue-500: #1c53d4; /* (Primary) */
    --blue-400: #5d83dc;
    --blue-300: #91aae4;
    --blue-200: #c6d3ef;
    --blue-100: #ebf1fc;
    --blue-50: #f6f7fb;
    /* Grey */
    --grey-950: #081417;
    --grey-900: #11262b;
    --grey-800: #1d3940;
    --grey-700: #2a4c54;
    --grey-600: #406973;
    --grey-500: #5f8994;
    --grey-400: #9ebec6;
    --grey-300: #c3d9de;
    --grey-200: #d6e5e8;
    --grey-100: #edf3f5;
    --grey-50: #f5f9fa;
    /* Green */
    --green-950: #032e15;
    --green-900: #0d542b;
    --green-800: #016630;
    --green-700: #008236;
    --green-600: #00a63e;
    --green-500: #00c950;
    --green-400: #05df72;
    --green-300: #7bf1a8;
    --green-200: #b9f8cf;
    --green-100: #dcfce7;
    --green-50: #f0fdf4;
    /* Red */
    --red-950: #032e15;
    --red-900: #82181a;
    --red-800: #9f0712;
    --red-700: #c10007;
    --red-600: #e7000b;
    --red-500: #fb2c36;
    --red-400: #ff6467;
    --red-300: #ffa2a2;
    --red-200: #ffc9c9;
    --red-100: #ffe2e2;
    --red-50: #fef2f2;
    /* Orange */
    --orange-950: #441306;
    --orange-900: #7e2a0c;
    --orange-800: #9f2d00;
    --orange-700: #ca3500;
    --orange-600: #f54900;
    --orange-500: #ff6900;
    --orange-400: #ff8904;
    --orange-300: #ffb86a;
    --orange-200: #ffd6a7;
    --orange-100: #ffedd4;
    --orange-50: #fef2f2;
    /* Yellow */
    --yellow-950: #432004;
    --yellow-900: #733e0a;
    --yellow-800: #894b00;
    --yellow-700: #a65f00;
    --yellow-600: #d08700;
    --yellow-500: #f0b100;
    --yellow-400: #fdc700;
    --yellow-300: #ffdf20;
    --yellow-200: #fff085;
    --yellow-100: #fef9c2;
    --yellow-50: #fefce8;
    /* General */
    --white: #ffffff;
    --black: #000000;
    /* Actions */
    --primary: var(--blue-500);
    --primary-contrast-text: var(--white);
    --primary-light: var(--blue-100);
    --primary-light-contrast: var(--blue-500);
    --secondary: var(--grey-950);
    --secondary-contrast-text: var(--white);
    --default: var(--grey-200);
    --default-contrast-text: var(--grey-950);
    --disabled: var(--grey-300);
    --disabled-contrast-text: var(--grey-500);
    /* Text */
    --text-main: var(--grey-950);
    --text-supporting: var(--grey-600);
    /* Page */
    --page-stroke: var(--grey-300);
}