:root {
    --primary-50: #f4f6fb;
    --primary-100: #e8ecf6;
    --primary-200: #cbd8ec;
    --primary-300: #9db6dc;
    --primary-400: #6990c7;
    --primary-500: #4672b1;
    --primary-600: #345995;
    --primary-700: #2b4779;
    --primary-800: #273e65;
    --primary-900: #253555;
    --primary-950: #111827;
    --surface-0: #ffffff;
    --surface-50: #f8fafc;
    --surface-100: #f1f5f9;
    --surface-200: #e2e8f0;
    --surface-300: #cbd5ff;
    --surface-400: #94a3b8;
    --surface-500: #64748b;
    --surface-600: #475569;
    --surface-700: #2d3748;
    --surface-800: #1e293b;
    --surface-900: #0f172a;
    --surface-950: #030617;
    --secondary-50: #ebebeb;
    --secondary-100: #d4d4d4;
    --secondary-200: #a8a8a8;
    --secondary-300: #7d7d7d;
    --secondary-400: #545454;
    --secondary-500: #282828;
    --secondary-600: #212121;
    --secondary-700: #171717;
    --secondary-800: #0f0f0f;
    --secondary-900: #080808;
    --secondary-950: #050505;
}