:root {
    --glass-bg: rgba(13, 13, 18, 0.75);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 32px;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --accent-color: #6366f1;
    --accent-glow: rgba(99, 102, 241, 0.35);
    --radius-lg: 24px;
    --radius-md: 16px;
    --radius-sm: 10px;
    --code-bg: #09090b;
    --library-width: 440px;
    --sidebar-width: 260px;
    --bg-dark-950: #030304;
    --bg-dark-900: #050508;
    --bg-dark-800: #09090b;
    --bg-dark-700: #121212;
    --bg-dark-600: #18181b;
    --bg-dark-500: #1e1e1e;
    --bg-dark-400: #2d2d35;
    --text-white: #ffffff;
    --text-slate-200: #e4e4e7;
    --text-slate-300: #cbd5e1;
    --text-gray-400: #9ca3af;
    --text-gray-500: #6b7280;
    --color-red-500: #ef4444;
    --color-red-400: #f87171;
    --color-red-300: #fca5a5;
    --color-red-200: #fecaca;
    --color-green-500: #10b981;
    --color-green-400: #4ade80;
    --color-emerald-600: #059669;
    --color-emerald-300: #6ee7b7;
    --color-amber-500: #f59e0b;
    --color-blue-500: #3b82f6;
    --color-blue-300: #93c5fd;
    --color-indigo-400: #818cf8;
    --color-indigo-300: #a5b4fc;
    --color-indigo-200: #cbd5f5;
    --color-purple-500: #a855f7;
    --color-purple-400: #c084fc;
    --color-purple-300: #d8b4fe;
    --color-amber-400: #fbbf24;
    --color-amber-300: #fcd34d;
    --color-blue-400: #60a5fa;
    --color-orange-500: #f97316;
    --color-deep-orange: #FF5722;
    --orange-50: rgba(255, 87, 34, 0.5);
    --text-slate-500: #64748b;
    --color-slate-600: #475569;
    --color-gray-700: #444444;
    --text-black: #000000;
    --bg-glass-dark: rgba(13, 13, 18, 0.85);
    --bg-glass-darker: rgba(5, 5, 8, 0.7);
    --bg-zinc-950: #09090b;
    --bg-zinc-900: #18181b;
    --bg-header-translucent: rgba(9, 9, 11, 0.85);
    --bg-glass-light: rgba(13, 13, 18, 0.6);
    --glass-surface: rgba(255, 255, 255, 0.1);
    --glass-surface-hover: rgba(255, 255, 255, 0.2);
    --glass-surface-light: rgba(255, 255, 255, 0.05);
    --border-medium: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(255, 255, 255, 0.15);
    --text-tertiary: rgba(255, 255, 255, 0.4);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 25px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.6);
    --shadow-indigo: 0 8px 25px rgba(99, 102, 241, 0.4);
    --bg-indigo-soft: rgba(99, 102, 241, 0.2);
    --bg-red-soft: rgba(248, 113, 113, 0.2);
    --bg-green-soft: rgba(16, 185, 129, 0.2);
    --bg-blue-soft: rgba(59, 130, 246, 0.2);
    --bg-orange-soft: rgba(255, 87, 34, 0.15);
    --overlay-black-30: rgba(0, 0, 0, 0.3);
    --overlay-black-50: rgba(0, 0, 0, 0.5);
    --overlay-black-80: rgba(0, 0, 0, 0.8);
    --white-02: rgba(255, 255, 255, 0.02);
    --white-03: rgba(255, 255, 255, 0.03);
    --white-05: rgba(255, 255, 255, 0.05);
    --white-06: rgba(255, 255, 255, 0.06);
    --white-08: rgba(255, 255, 255, 0.08);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-12: rgba(255, 255, 255, 0.12);
    --white-14: rgba(255, 255, 255, 0.14);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-18: rgba(255, 255, 255, 0.18);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-22: rgba(255, 255, 255, 0.22);
    --white-30: rgba(255, 255, 255, 0.3);
    --white-40: rgba(255, 255, 255, 0.4);
    --white-50: rgba(255, 255, 255, 0.5);
    --white-60: rgba(255, 255, 255, 0.6);
    --white-70: rgba(255, 255, 255, 0.7);
    --white-72: rgba(255, 255, 255, 0.72);
    --white-75: rgba(255, 255, 255, 0.75);
    --white-80: rgba(255, 255, 255, 0.8);
    --white-90: rgba(255, 255, 255, 0.9);
    --white-92: rgba(255, 255, 255, 0.92);
    --white-95: rgba(255, 255, 255, 0.95);
    --black-10: rgba(0, 0, 0, 0.1);
    --black-18: rgba(0, 0, 0, 0.18);
    --black-20: rgba(0, 0, 0, 0.2);
    --black-22: rgba(0, 0, 0, 0.22);
    --black-25: rgba(0, 0, 0, 0.25);
    --black-30: rgba(0, 0, 0, 0.3);
    --black-35: rgba(0, 0, 0, 0.35);
    --black-40: rgba(0, 0, 0, 0.4);
    --black-45: rgba(0, 0, 0, 0.45);
    --black-50: rgba(0, 0, 0, 0.5);
    --black-60: rgba(0, 0, 0, 0.6);
    --black-70: rgba(0, 0, 0, 0.7);
    --black-80: rgba(0, 0, 0, 0.8);
    --black-90: rgba(0, 0, 0, 0.9);
    --indigo-05: rgba(99, 102, 241, 0.05);
    --indigo-08: rgba(99, 102, 241, 0.08);
    --indigo-10: rgba(99, 102, 241, 0.1);
    --indigo-12: rgba(99, 102, 241, 0.12);
    --indigo-15: rgba(99, 102, 241, 0.15);
    --indigo-18: rgba(99, 102, 241, 0.18);
    --indigo-20: rgba(99, 102, 241, 0.2);
    --indigo-28: rgba(99, 102, 241, 0.28);
    --indigo-30: rgba(99, 102, 241, 0.3);
    --indigo-35: rgba(99, 102, 241, 0.35);
    --indigo-40: rgba(99, 102, 241, 0.4);
    --indigo-50: rgba(99, 102, 241, 0.5);
    --indigo-60: rgba(99, 102, 241, 0.6);
    --indigo-95: rgba(99, 102, 241, 0.95);
    --purple-05: rgba(168, 85, 247, 0.05);
    --purple-10: rgba(168, 85, 247, 0.1);
    --purple-15: rgba(168, 85, 247, 0.15);
    --purple-20: rgba(168, 85, 247, 0.2);
    --purple-30: rgba(168, 85, 247, 0.3);
    --red-10: rgba(248, 113, 113, 0.1);
    --red-12: rgba(239, 68, 68, 0.12);
    --red-15: rgba(239, 68, 68, 0.15);
    --red-16: rgba(239, 68, 68, 0.16);
    --red-18: rgba(239, 68, 68, 0.18);
    --red-20: rgba(239, 68, 68, 0.2);
    --red-30: rgba(239, 68, 68, 0.3);
    --red-40: rgba(239, 68, 68, 0.4);
    --red-45: rgba(239, 68, 68, 0.45);
    --red-50: rgba(239, 68, 68, 0.5);
    --green-10: rgba(34, 197, 94, 0.1);
    --green-12: rgba(16, 185, 129, 0.12);
    --green-15: rgba(16, 185, 129, 0.15);
    --green-18: rgba(16, 185, 129, 0.18);
    --green-20: rgba(34, 197, 94, 0.2);
    --green-28: rgba(16, 185, 129, 0.28);
    --green-30: rgba(16, 185, 129, 0.3);
    --green-40: rgba(16, 185, 129, 0.4);
    --green-50: rgba(16, 185, 129, 0.5);
    --emerald-70: rgba(52, 211, 153, 0.7);
    --amber-10: rgba(245, 158, 11, 0.1);
    --amber-12: rgba(245, 158, 11, 0.12);
    --amber-15: rgba(245, 158, 11, 0.15);
    --amber-18: rgba(245, 158, 11, 0.18);
    --amber-20: rgba(245, 158, 11, 0.2);
    --amber-28: rgba(245, 158, 11, 0.28);
    --amber-30: rgba(245, 158, 11, 0.3);
    --amber-40: rgba(245, 158, 11, 0.4);
    --amber-50: rgba(245, 158, 11, 0.5);
    --blue-15: rgba(59, 130, 246, 0.15);
    --blue-30: rgba(59, 130, 246, 0.3);
    --blue-32: rgba(59, 130, 246, 0.32);
    --blue-60: rgba(59, 130, 246, 0.6);
    --blue-70: rgba(59, 130, 246, 0.7);
    --pink-60: rgba(236, 72, 153, 0.6);
    --pink-80: rgba(236, 72, 153, 0.8);
    --slate-12: rgba(148, 163, 184, 0.12);
    --slate-15: rgba(148, 163, 184, 0.15);
    --slate-22: rgba(148, 163, 184, 0.22);
    --slate-40: rgba(148, 163, 184, 0.4);
    --slate-50-90: rgba(248, 250, 252, 0.9);
    --slate-70: rgba(148, 163, 184, 0.7);
    --slate-80: rgba(148, 163, 184, 0.8);
    --slate-90: rgba(148, 163, 184, 0.9);
    --dark-slate-90: rgba(15, 23, 42, 0.9);
    --dark-slate-96: rgba(15, 23, 42, 0.96);
    --bg-dark-04: rgba(8, 8, 12, 0.4);
    --bg-dark-20: rgba(18, 18, 18, 0.2);
    --bg-dark-80: rgba(18, 18, 18, 0.8);
    --v5-pink: #ec4899;
    --v5-pink-glow: rgba(236, 72, 153, 0.3);
    --hover-bg: rgba(255, 255, 255, 0.08);
    --card-bg: rgba(255, 255, 255, 0.03);
    --border-subtle: rgba(255, 255, 255, 0.05);
    --anim-fast: 0.2s;
    --anim-normal: 0.3s;
    --anim-slow: 0.5s;
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}

:root {
    --nav-weight: 500;
    --heading-weight: 600;
    --active-weight: 600;
    --btn-weight: 600;
}