:root {

    --border-radius: 6px;

    --color-base-50: 250, 250, 250;

    --color-base-100: 244, 244, 245;

    --color-base-200: 228, 228, 231;

    --color-base-300: 212, 212, 216;

    --color-base-400: 161, 161, 170;

    --color-base-500: 113, 113, 122;

    --color-base-600: 82, 82, 91;

    --color-base-700: 63, 63, 70;

    --color-base-800: 39, 39, 42;

    --color-base-900: 24, 24, 27;

    --color-base-950: 10, 10, 12;

    --color-primary-50: 240, 249, 255;

    --color-primary-100: 224, 242, 254;

    --color-primary-200: 186, 230, 253;

    --color-primary-300: 125, 211, 252;

    --color-primary-400: 56, 189, 248;

    --color-primary-500: 14, 165, 233;

    --color-primary-600: 2, 132, 199;

    --color-primary-700: 3, 105, 161;

    --color-primary-800: 7, 89, 133;

    --color-primary-900: 12, 74, 110;

    --color-primary-950: 8, 47, 73;


    --color-font-subtle-light: var(--color-base-500);

    --color-font-subtle-dark: var(--color-base-400);

    --color-font-default-light: var(--color-base-700);

    --color-font-default-dark: var(--color-base-200);

    --color-font-important-light: var(--color-base-950);

    --color-font-important-dark: var(--color-base-50);


    --color-danger-600: 220, 38, 38;

    --color-danger-700: 185, 28, 28;


    --color-success-600: 22, 163, 74;

    --color-success-700: 21, 128, 61;

}