:root {
    /* Primary Colors */
    --pink-100: #F7A8C4;
    --pink-200: #F37199;
    --pink-300: #E53888;
    --pink-400: #AC1754;
    
    /* Additional Colors */
    --blue-100: #7CD7FF;
    --blue-200: #45B6FF;
    --blue-300: #1E88E5;
    --blue-400: #0D47A1;
    
    /* Success/Error Colors */
    --success-100: #86EFAC;
    --success-200: #22C55E;
    --success-300: #16A34A;
    --success-400: #166534;
    
    --error-100: #FCA5A5;
    --error-200: #EF4444;
    --error-300: #DC2626;
    --error-400: #991B1B;
    
    /* Neutral Colors */
    --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;
    
    /* Glass Effects */
    --glass-bg: rgba(255, 255, 255, 0.1);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    
    /* Spacing */
    --nav-height: 4rem;
    --container-padding: 2rem;
    --section-spacing: 6rem;
    
    /* Border Radius */
    --radius-sm: 0.375rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;
    
    /* Transitions */
    --transition-all: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-transform: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-opacity: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Z-index layers */
    --z-drawer: 100;
    --z-modal: 200;
    --z-tooltip: 300;
    --z-toast: 400;
}

/* Default Theme (Light) */
:root {
    --primary: var(--pink-200);
    --primary-dark: var(--pink-300);
    --primary-light: var(--pink-100);
    --primary-contrast: var(--pink-400);
    
    --bg-primary: var(--neutral-100);
    --bg-secondary: white;
    --bg-tertiary: var(--neutral-200);
    
    --text-primary: var(--neutral-900);
    --text-secondary: var(--neutral-600);
    --text-tertiary: var(--neutral-500);
    
    --border-light: var(--neutral-200);
    --border-medium: var(--neutral-300);
    --border-dark: var(--neutral-400);
}

/* Dark Theme */
[data-theme="dark"] {
    --primary: var(--pink-300);
    --primary-dark: var(--pink-400);
    --primary-light: var(--pink-200);
    --primary-contrast: var(--pink-100);
    
    --bg-primary: var(--neutral-900);
    --bg-secondary: var(--neutral-800);
    --bg-tertiary: var(--neutral-700);
    
    --text-primary: white;
    --text-secondary: var(--neutral-300);
    --text-tertiary: var(--neutral-400);
    
    --border-light: var(--neutral-700);
    --border-medium: var(--neutral-600);
    --border-dark: var(--neutral-500);
}