:root  {
    --color-base-0: #ffffff;
    --color-base-200: #cfd4de;
    --color-base-300: #6d7790;
    --color-base-500: #232e43;
    --color-base-600: #17181b;
    --color-base-700: #171d2b;
    --color-base-800: #17181b;
    --color-base-900: #121212;
    --color-base-950: #0c1017;
    --color-brand-50: #0486f4;
    --color-brand-100: #0486f4;
    --color-lightblue-100: #a7caf3;
    --color-blue-100: #aca7f3;
    --color-purple-100: #d7a7f3;
    --color-pink-100: #f3a7eb;
    --color-red-100: #f3a7bd;
    --color-yellow-100: #f3f3a7;
    --color-orange-100: #f3c087;
    --color-green-100: #a7f3b2;
    --color-exterior-none: #cfd4de;
    --color-exterior-fn: #37b9d5;
    --color-exterior-mw: #cce342;
    --color-exterior-ft: #f0c33b;
    --color-exterior-ww: #fb8f38;
    --color-exterior-bs: #ec4a52
}