:root {
    --primary-50: #faf5ff;
    --primary-100: #f3e8ff;
    --primary-200: #e9d5ff;
    --primary-300: #d8b4fe;
    --primary-400: #c084fc;
    --primary-500: #a855f7;
    --primary-600: #9333ea;
    --primary-700: #7c3aed;
    --primary-800: #6d28d9;
    --primary-900: #5b21b6;
    --primary-950: #4c1d95;

    --accent-50: #fffbeb;
    --accent-100: #fef3c7;
    --accent-200: #fde68a;
    --accent-300: #fcd34d;
    --accent-400: #fbbf24;
    --accent-500: #f59e0b;
    --accent-600: #d97706;
    --accent-700: #b45309;
    --accent-800: #92400e;
    --accent-900: #78350f;
    --accent-950: #451a03;

    --info-50: #ecfeff;
    --info-100: #cffafe;
    --info-200: #a5f3fc;
    --info-300: #67e8f9;
    --info-400: #22d3ee;
    --info-500: #06b6d4;
    --info-600: #0891b2;
    --info-700: #0e7490;
    --info-800: #155e75;
    --info-900: #164e63;
    --info-950: #083344;

    --success-50: #f0fdf4;
    --success-100: #dcfce7;
    --success-200: #bbf7d0;
    --success-300: #86efac;
    --success-400: #4ade80;
    --success-500: #22c55e;
    --success-600: #16a34a;
    --success-700: #15803d;
    --success-800: #166534;
    --success-900: #14532d;
    --success-950: #052e16;

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

    --base-50: #f8fafc;
    --base-100: #f1f5f9;
    --base-200: #e2e8f0;
    --base-300: #cbd5e1;
    --base-400: #94a3b8;
    --base-500: #64748b;
    --base-600: #475569;
    --base-700: #334155;
    --base-800: #1e293b;
    --base-900: #0f172a;
    --base-950: #020617;

    --dark-primary: var(--primary-600);
    --dark-secondary: var(--primary-500);
    --dark-accent: var(--accent-500);
    --dark-accent-2: var(--accent-600);
    --dark-accent-3: var(--accent-400);
    --dark-bg-primary: #0a0118;
    --dark-bg-secondary: #1a0b2e;
    --dark-bg-tertiary: #1a0b2e;
    --dark-bg-quaternary: #1a0b2e;
    --dark-text: var(--base-50);
    --dark-border: rgba(147, 51, 234, 0.2);
    --dark-shadow: rgba(147, 51, 234, 0.1);
    
    --light-primary: var(--primary-600);
    --light-secondary: var(--primary-500);
    --light-accent: var(--accent-600);
    --light-accent-2: var(--accent-700);
    --light-accent-3: var(--accent-800);
    --light-bg-primary: var(--neutral-50);
    --light-bg-secondary: var(--base-50);
    --light-bg-tertiary: var(--base-100);
    --light-bg-quaternary: var(--base-200);
    --light-text: var(--base-900);
    --light-border: rgba(139, 92, 246, 0.15);
    --light-shadow: rgba(139, 92, 246, 0.1);
    
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;
    
    --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-08: rgba(255, 255, 255, 0.08);
    --white-10: rgba(255, 255, 255, 0.1);
    --white-12: rgba(255, 255, 255, 0.12);
    --white-15: rgba(255, 255, 255, 0.15);
    --white-20: rgba(255, 255, 255, 0.2);
    --white-25: rgba(255, 255, 255, 0.25);
    --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-80: rgba(255, 255, 255, 0.8);
    --white-90: rgba(255, 255, 255, 0.9);
    --white-95: rgba(255, 255, 255, 0.95);
    --white-96: rgba(255, 255, 255, 0.96);
    --white-97: rgba(255, 255, 255, 0.97);

    --black-05: rgba(0, 0, 0, 0.05);
    --black-08: rgba(0, 0, 0, 0.08);
    --black-10: rgba(0, 0, 0, 0.1);
    --black-12: rgba(0, 0, 0, 0.12);
    --black-15: rgba(0, 0, 0, 0.15);
    --black-20: rgba(0, 0, 0, 0.2);
    --black-25: rgba(0, 0, 0, 0.25);
    --black-30: rgba(0, 0, 0, 0.3);
    --black-40: rgba(0, 0, 0, 0.4);
    --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-85: rgba(0, 0, 0, 0.85);
    --black-90: rgba(0, 0, 0, 0.9);
    
    --primary-0: rgba(147, 51, 234, 0);
    --primary-05: rgba(147, 51, 234, 0.05);
    --primary-08: rgba(147, 51, 234, 0.08);
    --primary-10: rgba(147, 51, 234, 0.1);
    --primary-12: rgba(147, 51, 234, 0.12);
    --primary-15: rgba(147, 51, 234, 0.15);
    --primary-20: rgba(147, 51, 234, 0.2);
    --primary-25: rgba(147, 51, 234, 0.25);
    --primary-30: rgba(147, 51, 234, 0.3);
    --primary-35: rgba(147, 51, 234, 0.35);
    --primary-40: rgba(147, 51, 234, 0.4);
    --primary-50-alpha: rgba(147, 51, 234, 0.5);
    --primary-60: rgba(147, 51, 234, 0.6);
    --primary-70: rgba(147, 51, 234, 0.7);
    --primary-80: rgba(147, 51, 234, 0.8);
    --primary-90: rgba(147, 51, 234, 0.9);

    --primary-dark-40: rgba(26, 11, 46, 0.4);
    --primary-dark-60: rgba(26, 11, 46, 0.6);
    --primary-dark-95: rgba(26, 11, 46, 0.95);

    --primary-secondary-05: rgba(168, 85, 247, 0.05);
    --primary-secondary-08: rgba(168, 85, 247, 0.08);
    --primary-secondary-10: rgba(168, 85, 247, 0.1);
    --primary-secondary-15: rgba(168, 85, 247, 0.15);
    --primary-secondary-20: rgba(168, 85, 247, 0.2);
    --primary-secondary-25: rgba(168, 85, 247, 0.25);
    --primary-secondary-30: rgba(168, 85, 247, 0.3);
    --primary-secondary-40: rgba(168, 85, 247, 0.4);
    --primary-secondary-50: rgba(168, 85, 247, 0.5);
    --primary-secondary-60: rgba(168, 85, 247, 0.6);
    --primary-secondary-80: rgba(168, 85, 247, 0.8);
    
    --accent-05: rgba(245, 158, 11, 0.05);
    --accent-08: rgba(245, 158, 11, 0.08);
    --accent-10: rgba(245, 158, 11, 0.1);
    --accent-12: rgba(245, 158, 11, 0.12);
    --accent-15: rgba(245, 158, 11, 0.15);
    --accent-20: rgba(245, 158, 11, 0.2);
    --accent-25: rgba(245, 158, 11, 0.25);
    --accent-30: rgba(245, 158, 11, 0.3);
    --accent-40: rgba(245, 158, 11, 0.4);
    --accent-50-alpha: rgba(245, 158, 11, 0.5);
    --accent-60: rgba(245, 158, 11, 0.6);
    --accent-70: rgba(245, 158, 11, 0.7);
    --accent-80: rgba(245, 158, 11, 0.8);

    --info-05: rgba(6, 182, 212, 0.05);
    --info-10: rgba(6, 182, 212, 0.1);
    --info-15: rgba(6, 182, 212, 0.15);
    --info-20: rgba(6, 182, 212, 0.2);
    --info-30: rgba(6, 182, 212, 0.3);

    --success-05: rgba(34, 197, 94, 0.05);
    --success-10: rgba(34, 197, 94, 0.1);
    --success-15: rgba(34, 197, 94, 0.15);
    --success-20: rgba(34, 197, 94, 0.2);
    --success-30: rgba(34, 197, 94, 0.3);
    --success-50-alpha: rgba(34, 197, 94, 0.5);

    --dark-bg-gradient-1: var(--primary-15);
    --dark-bg-gradient-2: var(--accent-12);
    --dark-bg-gradient-3: var(--accent-08);
    --dark-bg-gradient-start: #0e0620;
    --dark-bg-gradient-mid-1: #1a0b2e;
    --dark-bg-gradient-mid-2: #1c0e34;
    --dark-bg-gradient-end: #120926;
    
    --light-bg-gradient-1: var(--primary-08);
    --light-bg-gradient-2: var(--accent-05);
    --light-bg-gradient-3: var(--accent-08);
    --light-bg-gradient-start: var(--white);
    --light-bg-gradient-mid-1: var(--base-50);
    --light-bg-gradient-mid-2: var(--accent-50);
    --light-bg-gradient-end: var(--base-100);
    
    --navbar-dark-bg: rgba(16, 8, 32, 0.96);
    --navbar-light-bg: var(--white-95);
    --header-dark-bg: rgba(16, 8, 32, 0.96);
    --header-light-bg: var(--white-95);
    --dropdown-dark-bg: rgba(16, 8, 32, 0.97);
    --dropdown-light-bg: var(--white-96);
    --tooltip-dark-bg: rgba(10, 1, 24, 0.95);
    --tooltip-light-bg: var(--white-95);
    
    --dark-gradient-1: radial-gradient(circle at 20% 80%, var(--dark-bg-gradient-1) 0%, var(--transparent) 50%);
    --dark-gradient-2: radial-gradient(circle at 80% 20%, var(--dark-bg-gradient-2) 0%, var(--transparent) 50%);
    --dark-gradient-3: radial-gradient(circle at 40% 40%, var(--dark-bg-gradient-3) 0%, var(--transparent) 50%);
    --dark-gradient-main: linear-gradient(135deg, var(--dark-bg-gradient-start) 0%, var(--dark-bg-gradient-mid-1) 40%, var(--dark-bg-gradient-mid-2) 70%, var(--dark-bg-gradient-end) 100%);
    
    --light-gradient-1: radial-gradient(circle at 25% 75%, var(--light-bg-gradient-1) 0%, var(--transparent) 50%);
    --light-gradient-2: radial-gradient(circle at 75% 25%, var(--light-bg-gradient-2) 0%, var(--transparent) 50%);
    --light-gradient-3: radial-gradient(circle at 50% 50%, var(--light-bg-gradient-3) 0%, var(--transparent) 55%);
    --light-gradient-main: linear-gradient(135deg, var(--light-bg-gradient-start) 0%, var(--light-bg-gradient-mid-1) 35%, var(--light-bg-gradient-mid-2) 65%, var(--light-bg-gradient-end) 100%);

    --success-primary: var(--success-500);
    --success-secondary: var(--success-600);
    --success-light: var(--success-10);
    --success-medium: var(--success-20);
    --success-border: var(--success-30);
    --success-hover: var(--success-20);
    --success-strong: var(--success-50-alpha);
    --success-shadow: var(--success-30);
    
    --error-primary: #ef4444;
    --error-secondary: #dc2626;
    --error-light: rgba(239, 68, 68, 0.1);
    --error-border: rgba(239, 68, 68, 0.3);
    --error-hover: rgba(239, 68, 68, 0.2);
    --error-shadow: rgba(239, 68, 68, 0.3);
    
    --warning-primary: #fbbf24;
    --warning-secondary: #f59e0b;
    --warning-light: rgba(251, 191, 36, 0.1);
    --warning-medium: rgba(251, 191, 36, 0.2);
    --warning-border: rgba(251, 191, 36, 0.3);
    --warning-hover: rgba(251, 191, 36, 0.5);
    --warning-strong: rgba(251, 191, 36, 0.4);
    --warning-shadow: rgba(251, 191, 36, 0.3);
    --warning-focus: rgba(251, 191, 36, 0.6);
    
    --info-primary: #3b82f6;
    --info-secondary: #2563eb;
    --info-light: rgba(59, 130, 246, 0.1);
    --info-medium: rgba(59, 130, 246, 0.15);
    --info-border: rgba(59, 130, 246, 0.3);
    --info-hover: rgba(59, 130, 246, 0.2);
    --info-strong: rgba(59, 130, 246, 0.4);
    --info-focus: rgba(59, 130, 246, 0.5);
    --info-shadow: rgba(59, 130, 246, 0.3);
    
    --neutral-light: var(--neutral-400);
    --neutral-medium: var(--neutral-500);
    --neutral-dark: var(--neutral-700);
    --neutral-bg-light: rgba(156, 163, 175, 0.1);
    --neutral-bg-medium: rgba(156, 163, 175, 0.2);
    --neutral-border: rgba(156, 163, 175, 0.3);
    --neutral-medium-bg: rgba(107, 114, 128, 0.1);
    --neutral-medium-border: rgba(107, 114, 128, 0.3);

    --silver: #c0c0c0;
    --silver-light: #d8d8d8;
    --silver-dark: #a8a8a8;
    --silver-alpha-10: rgba(192, 192, 192, 0.1);
    --silver-alpha-20: rgba(192, 192, 192, 0.2);
    --silver-alpha-30: rgba(192, 192, 192, 0.3);
    --silver-alpha-50: rgba(192, 192, 192, 0.5);
}