:root {
    /* Dark Theme Colors - Updated to Pink */
    --dark-primary: #ec4899;
    --dark-secondary: #f472b6;
    --dark-accent: #db2777;
    --dark-accent-2: #06b6d4;
    --dark-accent-3: #10b981;
    --dark-bg-primary: #1a0b14;
    --dark-bg-secondary: #2e1525;
    --dark-bg-tertiary: #2e1525;
    --dark-bg-quaternary: #2e1525;
    --dark-text: #f8fafc;
    --dark-border: rgba(236, 72, 153, 0.2);
    --dark-shadow: rgba(236, 72, 153, 0.1);
    
    /* Light Theme Colors - Updated to Pink */
    --light-primary: #ec4899;
    --light-secondary: #f472b6;
    --light-accent: #db2777;
    --light-accent-2: #3b82f6;
    --light-accent-3: #10b981;
    --light-bg-primary: #fdf2f8;
    --light-bg-secondary: #ffffff;
    --light-bg-tertiary: #f9fafb;
    --light-bg-quaternary: #f1f5f9;
    --light-text: #0f172a;
    --light-border: rgba(236, 72, 153, 0.2);
    --light-shadow: rgba(236, 72, 153, 0.1);
    
    /* Common Colors */
    --white: #ffffff;
    --black: #000000;
    --transparent: transparent;
    
    /* Gradient Colors - Updated to Pink */
    --dark-500: #d946ef;
    --dark-600: #c026d3;
    --dark-700: #a21caf;
    --dark-800: #86198f;
    --dark-900: #701a75;
    --accent-1-500: #ec4899;
    --accent-1-400: #f472b6;
    --accent-1-600: #db2777;
    --accent-1-700: #be185d;
    --accent-1-800: #9d174d;
    --accent-1-900: #831843;
    --light-400: #f472b6;
    --light-500: #ec4899;
    --light-600: #db2777;
    --warn-2-500: #f97316;
    --warn-2-600: #ea580c;
    --error-500: #ef4444;
    --error-600: #dc2626;
    --info-500: #3b82f6;
    --info-600: #2563eb;
    --cyan-500: #06b6d4;
    --success-2-500: #10b981;
    --success-2-20: rgba(16, 185, 129, 0.2);
    --warn-300: #fcd34d;
    --warn-400: #facc15;
    --warn-500: #eab308;
    --neutral-slate-200: #e2e8f0;
    --neutral-slate-300: #cbd5e1;
    --neutral-slate-400: #94a3b8;
    --neutral-slate-500: #64748b;
    --neutral-slate-600: #475569;
    --neutral-slate-700: #334155;
    --neutral-slate-800: #1e293b;
    --neutral-slate-900: #0f172a;
    --neutral-gray-100: #f3f4f6;
    --neutral-gray-200: #e5e7eb;
    --neutral-gray-300: #d1d5db;
    --neutral-gray-400: #9ca3af;
    --neutral-gray-500: #6b7280;
    --neutral-gray-600: #4b5563;
    --neutral-gray-700: #374151;
    --neutral-gray-800: #1f2937;
    --neutral-gray-900: #111827;
    
    /* Special Effect Colors */
    --moon-base: #cbd5e1;
    --moon-shadow: #94a3b8;
    --sun-inner: #f472b6;
    --sun-outer: #ec4899;
    --urgent-red: #ef4444;
    --urgent-orange: #f97316;
    --urgent-dark-red: #dc2626;
    --urgent-dark-orange: #ea580c;
    
    /* Background Gradient Colors - Updated to Pink */
    --dark-bg-gradient-1: rgba(236, 72, 153, 0.2);
    --dark-bg-gradient-2: rgba(244, 114, 182, 0.15);
    --dark-bg-gradient-3: rgba(219, 39, 119, 0.1);
    --dark-bg-gradient-start: #1a0b14;
    --dark-bg-gradient-mid-1: #2e1525;
    --dark-bg-gradient-mid-2: #341a2a;
    --dark-bg-gradient-end: #22132b;
    
    --light-bg-gradient-1: rgba(236, 72, 153, 0.18);
    --light-bg-gradient-2: rgba(59, 130, 246, 0.16);
    --light-bg-gradient-3: rgba(244, 114, 182, 0.1);
    --light-bg-gradient-start: #fdf2f8;
    --light-bg-gradient-mid-1: #ffffff;
    --light-bg-gradient-mid-2: #f9fafb;
    --light-bg-gradient-end: #f1f5f9;
    
    /* Alpha Variants */
    --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-80: rgba(255, 255, 255, 0.8);
    --white-70: rgba(255, 255, 255, 0.7);
    --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-70: rgba(0, 0, 0, 0.7);
    --black-80: rgba(0, 0, 0, 0.8);
    
    /* Pink Alpha Variants - Updated from Purple */
    --dark-primary-05: rgba(236, 72, 153, 0.05);
    --dark-primary-08: rgba(236, 72, 153, 0.08);
    --dark-primary-10: rgba(236, 72, 153, 0.1);
    --dark-primary-12: rgba(236, 72, 153, 0.12);
    --dark-primary-15: rgba(236, 72, 153, 0.15);
    --dark-primary-20: rgba(236, 72, 153, 0.2);
    --dark-primary-25: rgba(236, 72, 153, 0.25);
    --dark-primary-30: rgba(236, 72, 153, 0.3);
    --dark-primary-40: rgba(236, 72, 153, 0.4);
    --dark-primary-50: rgba(236, 72, 153, 0.5);
    --dark-primary-60: rgba(236, 72, 153, 0.6);
    --dark-primary-70: rgba(236, 72, 153, 0.7);
    --dark-primary-80: rgba(236, 72, 153, 0.8);
    --dark-primary-90: rgba(236, 72, 153, 0.9);
    --dark-secondary-05: rgba(244, 114, 182, 0.05);
    --dark-secondary-15: rgba(244, 114, 182, 0.15);
    --dark-secondary-20: rgba(244, 114, 182, 0.2);
    --dark-secondary-25: rgba(244, 114, 182, 0.25);
    --dark-secondary-30: rgba(244, 114, 182, 0.3);
    --dark-secondary-40: rgba(244, 114, 182, 0.4);
    --dark-secondary-50: rgba(244, 114, 182, 0.5);
    --dark-secondary-60: rgba(244, 114, 182, 0.6);
    --dark-secondary-80: rgba(244, 114, 182, 0.8);
    
    /* Light Pink Alpha Variants - Updated from Amber */
    --light-primary-05: rgba(236, 72, 153, 0.05);
    --light-primary-08: rgba(236, 72, 153, 0.08);
    --light-primary-10: rgba(236, 72, 153, 0.1);
    --light-primary-12: rgba(236, 72, 153, 0.12);
    --light-primary-15: rgba(236, 72, 153, 0.15);
    --light-primary-20: rgba(236, 72, 153, 0.2);
    --light-primary-25: rgba(236, 72, 153, 0.25);
    --light-primary-30: rgba(236, 72, 153, 0.3);
    --light-primary-40: rgba(236, 72, 153, 0.4);
    --light-primary-50: rgba(236, 72, 153, 0.5);
    --light-primary-60: rgba(236, 72, 153, 0.6);
    --light-primary-70: rgba(236, 72, 153, 0.7);
    --light-primary-80: rgba(236, 72, 153, 0.8);
    --light-primary-90: rgba(236, 72, 153, 0.9);
    --light-secondary-05: rgba(244, 114, 182, 0.05);
    --light-secondary-15: rgba(244, 114, 182, 0.15);
    --light-secondary-20: rgba(244, 114, 182, 0.2);
    --light-secondary-25: rgba(244, 114, 182, 0.25);
    --light-secondary-30: rgba(244, 114, 182, 0.3);
    --light-secondary-40: rgba(244, 114, 182, 0.4);
    --light-secondary-50: rgba(244, 114, 182, 0.5);
    --light-secondary-60: rgba(244, 114, 182, 0.6);
    --light-secondary-80: rgba(244, 114, 182, 0.8);
    
    /* Pink Primary Alpha Variants */
    --accent-1-primary-10: rgba(236, 72, 153, 0.1);
    --accent-1-primary-20: rgba(236, 72, 153, 0.2);
    --accent-1-primary-30: rgba(236, 72, 153, 0.3);
    --accent-1-primary-40: rgba(236, 72, 153, 0.4);
    --accent-1-primary-50: rgba(236, 72, 153, 0.5);
    --accent-1-primary-60: rgba(236, 72, 153, 0.6);
    
    /* Red Alpha Variants */
    --error-primary-30: rgba(239, 68, 68, 0.3);
    --error-primary-40: rgba(239, 68, 68, 0.4);
    --error-primary-60: rgba(239, 68, 68, 0.6);
    
    /* Blue Alpha Variants */
    --info-primary-40: rgba(59, 130, 246, 0.4);
    
    /* Green Alpha Variants */
    --success-primary-30: rgba(34, 197, 94, 0.3);
    --success-primary-40: rgba(34, 197, 94, 0.4);
    --success-primary-60: rgba(34, 197, 94, 0.6);
    
    /* Special Background Colors */
    --sidebar-dark-bg: rgba(26, 11, 20, 0.96);
    --sidebar-light-bg: rgba(255, 255, 255, 0.95);
    --topbar-dark-bg: rgba(26, 11, 20, 0.96);
    --topbar-light-bg: rgba(255, 255, 255, 0.95);
    --dropdown-dark-bg: rgba(26, 11, 20, 0.97);
    --dropdown-light-bg: rgba(255, 255, 255, 0.96);
    --tooltip-dark-bg: rgba(26, 11, 20, 0.95);
    --tooltip-light-bg: rgba(255, 255, 255, 0.95);
    --tooltip-dark-bg-30: rgba(26, 11, 20, 0.3);
    
    /* Complex Gradients */
    --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 Colors */
    --success-primary: #22c55e;
    --success-secondary: #16a34a;
    --success-light: rgba(34, 197, 94, 0.1);
    --success-05: rgba(34, 197, 94, 0.05);
    --success-medium: rgba(34, 197, 94, 0.2);
    --success-border: rgba(34, 197, 94, 0.3);
    --success-hover: rgba(34, 197, 94, 0.2);
    --success-strong: rgba(34, 197, 94, 0.5);
    --success-shadow: rgba(34, 197, 94, 0.3);
    
    /* Error Colors */
    --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 Colors */
    --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 Colors */
    --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);
    --info-secondary-10: rgba(37, 99, 235, 0.1);
    
    /* Neutral Colors */
    --neutral-light: #9ca3af;
    --neutral-medium: #6b7280;
    --neutral-dark: #374151;
    --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);
    
    /* Additional Colors from other files */
    --dark-400: #f472b6;
    
    /* Additional brand colors */
    --brand-green: #10b981;
    --brand-blue: #3b82f6;
    --brand-yellow: #f59e0b;
    --brand-orange: #f97316;
    --brand-red: #ef4444;
    --brand-pink: #ec4899;
    --brand-purple: #8b5cf6;
    --brand-indigo: #6366f1;
    --brand-teal: #14b8a6;
    --brand-cyan: #06b6d4;
    
    /* Additional utility colors */
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-tertiary: #9ca3af;
    --border-light: #e5e7eb;
    --border-medium: #d1d5db;
    --border-dark: #374151;
    --bg-primary: #ffffff;
    --bg-secondary: #f9fafb;
    --bg-tertiary: #f3f4f6;
}