$purple-50: #faf5ff; $purple-100: #f3e8ff; $purple-200: #e9d5ff; $purple-300: #d8b4fe; $purple-400: #c084fc; $purple-500: #a855f7; $purple-600: #9333ea; $purple-700: #7e22ce; $purple-800: #6b21a8; $purple-900: #581c87; $yellow-50: #fefce8; $yellow-100: #fef9c3; $yellow-200: #fef08a; $yellow-300: #fde047; $yellow-400: #facc15; $yellow-500: #eab308; $yellow-600: #ca8a04; $yellow-700: #a16207; $yellow-800: #854d0e; $yellow-900: #713f12; $bluegray-50: #f8fafc; $bluegray-100: #f1f5f9; $bluegray-200: #e2e8f0; $bluegray-300: #cbd5e1; $bluegray-400: #94a3b8; $bluegray-500: #64748b; $bluegray-600: #475569; $bluegray-700: #334155; $bluegray-800: #1e293b; $bluegray-900: #0f172a; $red-50: #fef2f2; $red-100: #fee2e2; $red-200: #fecaca; $red-300: #fca5a5; $red-400: #f87171; $red-500: #ef4444; $red-600: #dc2626; $red-700: #b91c1c; $red-800: #991b1b; $red-900: #7f1d1d; $nav-height: 48px; $font-size: 14pt; $code-bg: #282C34; $code-fg: #ABB2BF; $code-red: #D65122; $code-red-br: #AE3B36; $code-green: #88B966; $code-yellow: #DEB468; $code-orange: #C58853; $code-blue: #519DEB; $code-pink: #C678DD; $code-cyan: #48A8B5; $code-white: #ABB2BF; $code-grey: #7F848E; // foo