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

$color-dark-50: #383838;
$color-dark-100: #343434;
$color-dark-200: #333333;
$color-dark-300: #2e2e2e;
$color-dark-400: #2c2c2c;
$color-dark-500: #272727;
$color-dark-600: #242424;
$color-dark-700: #222222;
$color-dark-800: #1e1e1e;
$color-dark-900: #121212;

$color-neutral-50: #f9fafb;
$color-neutral-100: #f2f2f3;
$color-neutral-200: #e5e7eb;
$color-neutral-300: #d1d5db;
$color-neutral-400: #9ca3af;
$color-neutral-500: #6b7280;
$color-neutral-600: #4b5563;
$color-neutral-700: #374151;
$color-neutral-800: #1f2937;
$color-neutral-900: #111827;

$color-blue-50: #f1f6fd;
$color-blue-100: #dfe9fb;
$color-blue-200: #bad0f7;
$color-blue-300: #91b3f3;
$color-blue-400: #5a8dec;
$color-blue-500: #144ab0;
$color-blue-600: #1244a0;
$color-blue-700: #103a89;
$color-blue-800: #0c2d69;
$color-blue-900: #0a2557;

$color-green-50: #ecfef4;
$color-green-100: #d4fce7;
$color-green-200: #bbf7d0;
$color-green-300: #39f393;
$color-green-400: #0de374;
$color-green-500: #0cce6b;
$color-green-600: #0bbc60;
$color-green-700: #0aa454;
$color-green-800: #088745;
$color-green-900: #066031;

$color-orange-50: #fffbeb;
$color-orange-100: #fef3c7;
$color-orange-200: #fde68a;
$color-orange-300: #fcd34d;
$color-orange-400: #fbbf24;
$color-orange-500: #ffa62b;
$color-orange-600: #d97706;
$color-orange-700: #b45309;
$color-orange-800: #92400e;
$color-orange-900: #78350f;

$color-red-50: #fef1f3;
$color-red-100: #fde8ea;
$color-red-200: #f9c8cd;
$color-red-300: #f6a7b1;
$color-red-400: #f17e8b;
$color-red-500: #e71d36;
$color-red-600: #d4172d;
$color-red-700: #b81427;
$color-red-800: #981020;
$color-red-900: #730c18;