/**
 * Themes - Digital Business Card
 * تم‌های رنگی برای کارت دیجیتال
 */

/* Light Theme */
.color-theme-light {
    --bg-primary: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #718096;
    --text-muted: #a0aec0;
    --border-color: rgba(0, 0, 0, 0.1);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.15);
}

/* Dark Theme */
.color-theme-dark {
    --bg-primary: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);
    --bg-secondary: transparent;
    --text-primary: #f7fafc;
    --text-secondary: #e2e8f0;
    --text-muted: #a0aec0;
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-hover: rgba(0, 0, 0, 0.4);
}

/* Red Theme */
.color-theme-red {
    --bg-primary: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(220, 53, 69, 0.2);
    --shadow: rgba(220, 53, 69, 0.1);
    --shadow-hover: rgba(220, 53, 69, 0.2);
}

/* Blue Theme */
.color-theme-blue {
    --bg-primary: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(0, 123, 255, 0.2);
    --shadow: rgba(0, 123, 255, 0.1);
    --shadow-hover: rgba(0, 123, 255, 0.2);
}

/* Green Theme */
.color-theme-green {
    --bg-primary: linear-gradient(135deg, #28a745 0%, #1e7e34 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(40, 167, 69, 0.2);
    --shadow: rgba(40, 167, 69, 0.1);
    --shadow-hover: rgba(40, 167, 69, 0.2);
}

/* Yellow Theme */
.color-theme-yellow {
    --bg-primary: linear-gradient(135deg, #ffc107 0%, #e0a800 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(255, 193, 7, 0.2);
    --shadow: rgba(255, 193, 7, 0.1);
    --shadow-hover: rgba(255, 193, 7, 0.2);
}

/* Pink Theme */
.color-theme-pink {
    --bg-primary: linear-gradient(135deg, #e83e8c 0%, #d91a72 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(232, 62, 140, 0.2);
    --shadow: rgba(232, 62, 140, 0.1);
    --shadow-hover: rgba(232, 62, 140, 0.2);
}

/* Purple Theme */
.color-theme-purple {
    --bg-primary: linear-gradient(135deg, #6f42c1 0%, #5a2d91 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(111, 66, 193, 0.2);
    --shadow: rgba(111, 66, 193, 0.1);
    --shadow-hover: rgba(111, 66, 193, 0.2);
}

/* Orange Theme */
.color-theme-orange {
    --bg-primary: linear-gradient(135deg, #fd7e14 0%, #e8590c 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(253, 126, 20, 0.2);
    --shadow: rgba(253, 126, 20, 0.1);
    --shadow-hover: rgba(253, 126, 20, 0.2);
}

/* Teal Theme */
.color-theme-teal {
    --bg-primary: linear-gradient(135deg, #20c997 0%, #1aa179 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(32, 201, 151, 0.2);
    --shadow: rgba(32, 201, 151, 0.1);
    --shadow-hover: rgba(32, 201, 151, 0.2);
}

/* Indigo Theme */
.color-theme-indigo {
    --bg-primary: linear-gradient(135deg, #6610f2 0%, #520dc2 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(102, 16, 242, 0.2);
    --shadow: rgba(102, 16, 242, 0.1);
    --shadow-hover: rgba(102, 16, 242, 0.2);
}

/* Cyan Theme */
.color-theme-cyan {
    --bg-primary: linear-gradient(135deg, #17a2b8 0%, #138496 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(23, 162, 184, 0.2);
    --shadow: rgba(23, 162, 184, 0.1);
    --shadow-hover: rgba(23, 162, 184, 0.2);
}

/* Lime Theme */
.color-theme-lime {
    --bg-primary: linear-gradient(135deg, #84cc16 0%, #65a30d 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(132, 204, 22, 0.2);
    --shadow: rgba(132, 204, 22, 0.1);
    --shadow-hover: rgba(132, 204, 22, 0.2);
}

/* Amber Theme */
.color-theme-amber {
    --bg-primary: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(245, 158, 11, 0.2);
    --shadow: rgba(245, 158, 11, 0.1);
    --shadow-hover: rgba(245, 158, 11, 0.2);
}

/* Emerald Theme */
.color-theme-emerald {
    --bg-primary: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(16, 185, 129, 0.2);
    --shadow: rgba(16, 185, 129, 0.1);
    --shadow-hover: rgba(16, 185, 129, 0.2);
}

/* Sky Theme */
.color-theme-sky {
    --bg-primary: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(14, 165, 233, 0.2);
    --shadow: rgba(14, 165, 233, 0.1);
    --shadow-hover: rgba(14, 165, 233, 0.2);
}

/* Violet Theme */
.color-theme-violet {
    --bg-primary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(139, 92, 246, 0.2);
    --shadow: rgba(139, 92, 246, 0.1);
    --shadow-hover: rgba(139, 92, 246, 0.2);
}

/* Rose Theme */
.color-theme-rose {
    --bg-primary: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(244, 63, 94, 0.2);
    --shadow: rgba(244, 63, 94, 0.1);
    --shadow-hover: rgba(244, 63, 94, 0.2);
}

/* Fuchsia Theme */
.color-theme-fuchsia {
    --bg-primary: linear-gradient(135deg, #d946ef 0%, #c026d3 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(217, 70, 239, 0.2);
    --shadow: rgba(217, 70, 239, 0.1);
    --shadow-hover: rgba(217, 70, 239, 0.2);
}

/* Slate Theme */
.color-theme-slate {
    --bg-primary: linear-gradient(135deg, #64748b 0%, #475569 100%);
    --bg-secondary: transparent;
    --text-primary: #f1f5f9;
    --text-secondary: #e2e8f0;
    --text-muted: #cbd5e1;
    --border-color: rgba(100, 116, 139, 0.2);
    --shadow: rgba(100, 116, 139, 0.1);
    --shadow-hover: rgba(100, 116, 139, 0.2);
}

/* Gray Theme */
.color-theme-gray {
    --bg-primary: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    --bg-secondary: transparent;
    --text-primary: #f9fafb;
    --text-secondary: #f3f4f6;
    --text-muted: #e5e7eb;
    --border-color: rgba(107, 114, 128, 0.2);
    --shadow: rgba(107, 114, 128, 0.1);
    --shadow-hover: rgba(107, 114, 128, 0.2);
}

/* Stone Theme */
.color-theme-stone {
    --bg-primary: linear-gradient(135deg, #78716c 0%, #57534e 100%);
    --bg-secondary: transparent;
    --text-primary: #fafaf9;
    --text-secondary: #f5f5f4;
    --text-muted: #e7e5e4;
    --border-color: rgba(120, 113, 108, 0.2);
    --shadow: rgba(120, 113, 108, 0.1);
    --shadow-hover: rgba(120, 113, 108, 0.2);
}

/* Neutral Theme */
.color-theme-neutral {
    --bg-primary: linear-gradient(135deg, #737373 0%, #525252 100%);
    --bg-secondary: transparent;
    --text-primary: #fafafa;
    --text-secondary: #f5f5f5;
    --text-muted: #e5e5e5;
    --border-color: rgba(115, 115, 115, 0.2);
    --shadow: rgba(115, 115, 115, 0.1);
    --shadow-hover: rgba(115, 115, 115, 0.2);
}

/* Zinc Theme */
.color-theme-zinc {
    --bg-primary: linear-gradient(135deg, #71717a 0%, #52525b 100%);
    --bg-secondary: transparent;
    --text-primary: #fafafa;
    --text-secondary: #f4f4f5;
    --text-muted: #e4e4e7;
    --border-color: rgba(113, 113, 122, 0.2);
    --shadow: rgba(113, 113, 122, 0.1);
    --shadow-hover: rgba(113, 113, 122, 0.2);
}

/* Gradient Theme 1 */
.color-theme-gradient-1 {
    --bg-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Gradient Theme 2 */
.color-theme-gradient-2 {
    --bg-primary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Gradient Theme 3 */
.color-theme-gradient-3 {
    --bg-primary: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Gradient Theme 4 */
.color-theme-gradient-4 {
    --bg-primary: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Gradient Theme 5 */
.color-theme-gradient-5 {
    --bg-primary: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Professional Blue Theme */
.color-theme-professional-blue {
    --bg-primary: linear-gradient(135deg, #2c3e50 0%, #3498db 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #ecf0f1;
    --text-muted: #bdc3c7;
    --border-color: rgba(255, 255, 255, 0.15);
    --shadow: rgba(0, 0, 0, 0.2);
    --shadow-hover: rgba(0, 0, 0, 0.3);
}

/* Corporate Gray Theme */
.color-theme-corporate-gray {
    --bg-primary: linear-gradient(135deg, #485563 0%, #29323c 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #ecf0f1;
    --text-muted: #bdc3c7;
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow: rgba(0, 0, 0, 0.2);
    --shadow-hover: rgba(0, 0, 0, 0.3);
}

/* Creative Purple Theme */
.color-theme-creative-purple {
    --bg-primary: linear-gradient(135deg, #4776E6 0%, #8E54E9 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.15);
    --shadow-hover: rgba(0, 0, 0, 0.25);
}

/* Nature Green Theme */
.color-theme-nature-green {
    --bg-primary: linear-gradient(135deg, #134E5E 0%, #71B280 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f1f8e9;
    --text-muted: #dcedc8;
    --border-color: rgba(255, 255, 255, 0.15);
    --shadow: rgba(0, 0, 0, 0.15);
    --shadow-hover: rgba(0, 0, 0, 0.25);
}

/* Sunset Orange Theme */
.color-theme-sunset-orange {
    --bg-primary: linear-gradient(135deg, #FF5F6D 0%, #FFC371 100%);
    --bg-secondary: transparent;
    --text-primary: #2d3748;
    --text-secondary: #4a5568;
    --text-muted: #718096;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Ocean Blue Theme */
.color-theme-ocean-blue {
    --bg-primary: linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Royal Purple Theme */
.color-theme-royal-purple {
    --bg-primary: linear-gradient(135deg, #654ea3 0%, #eaafc8 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #f8f9fa;
    --text-muted: #e9ecef;
    --border-color: rgba(255, 255, 255, 0.2);
    --shadow: rgba(0, 0, 0, 0.1);
    --shadow-hover: rgba(0, 0, 0, 0.2);
}

/* Forest Theme */
.color-theme-forest {
    --bg-primary: linear-gradient(135deg, #000428 0%, #004e92 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #e3f2fd;
    --text-muted: #bbdefb;
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow: rgba(0, 0, 0, 0.3);
    --shadow-hover: rgba(0, 0, 0, 0.4);
}

/* Midnight Theme */
.color-theme-midnight {
    --bg-primary: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
    --bg-secondary: transparent;
    --text-primary: #ffffff;
    --text-secondary: #e3f2fd;
    --text-muted: #bbdefb;
    --border-color: rgba(255, 255, 255, 0.1);
    --shadow: rgba(0, 0, 0, 0.4);
    --shadow-hover: rgba(0, 0, 0, 0.5);
}

/* Theme Transition Effects */
.color-theme-light,
.color-theme-dark,
.color-theme-red,
.color-theme-blue,
.color-theme-green,
.color-theme-yellow,
.color-theme-pink,
.color-theme-purple,
.color-theme-orange,
.color-theme-teal,
.color-theme-indigo,
.color-theme-cyan,
.color-theme-lime,
.color-theme-amber,
.color-theme-emerald,
.color-theme-sky,
.color-theme-violet,
.color-theme-rose,
.color-theme-fuchsia,
.color-theme-slate,
.color-theme-gray,
.color-theme-stone,
.color-theme-neutral,
.color-theme-zinc,
.color-theme-gradient-1,
.color-theme-gradient-2,
.color-theme-gradient-3,
.color-theme-gradient-4,
.color-theme-gradient-5,
.color-theme-professional-blue,
.color-theme-corporate-gray,
.color-theme-creative-purple,
.color-theme-nature-green,
.color-theme-sunset-orange,
.color-theme-ocean-blue,
.color-theme-royal-purple,
.color-theme-forest,
.color-theme-midnight {
    transition: all 0.5s ease-in-out;
}

/* Theme Specific Adjustments */

/* For dark text on light backgrounds */
.color-theme-yellow .profile-header,
.color-theme-lime .profile-header,
.color-theme-amber .profile-header,
.color-theme-gradient-4 .profile-header,
.color-theme-gradient-5 .profile-header,
.color-theme-sunset-orange .profile-header {
    background: rgba(255, 255, 255, 0.9);
}

.color-theme-yellow .links-container,
.color-theme-lime .links-container,
.color-theme-amber .links-container,
.color-theme-gradient-4 .links-container,
.color-theme-gradient-5 .links-container,
.color-theme-sunset-orange .links-container {
    background: rgba(255, 255, 255, 0.9);
}

/* For better contrast in specific themes */
.color-theme-dark .profile-name,
.color-theme-red .profile-name,
.color-theme-blue .profile-name,
.color-theme-green .profile-name,
.color-theme-pink .profile-name,
.color-theme-purple .profile-name,
.color-theme-orange .profile-name,
.color-theme-teal .profile-name,
.color-theme-indigo .profile-name,
.color-theme-cyan .profile-name,
.color-theme-emerald .profile-name,
.color-theme-sky .profile-name,
.color-theme-violet .profile-name,
.color-theme-rose .profile-name,
.color-theme-fuchsia .profile-name,
.color-theme-slate .profile-name,
.color-theme-gray .profile-name,
.color-theme-stone .profile-name,
.color-theme-neutral .profile-name,
.color-theme-zinc .profile-name,
.color-theme-gradient-1 .profile-name,
.color-theme-gradient-2 .profile-name,
.color-theme-gradient-3 .profile-name,
.color-theme-professional-blue .profile-name,
.color-theme-corporate-gray .profile-name,
.color-theme-creative-purple .profile-name,
.color-theme-nature-green .profile-name,
.color-theme-ocean-blue .profile-name,
.color-theme-royal-purple .profile-name,
.color-theme-forest .profile-name,
.color-theme-midnight .profile-name {
    color: #ffffff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.color-theme-dark .profile-username,
.color-theme-red .profile-username,
.color-theme-blue .profile-username,
.color-theme-green .profile-username,
.color-theme-pink .profile-username,
.color-theme-purple .profile-username,
.color-theme-orange .profile-username,
.color-theme-teal .profile-username,
.color-theme-indigo .profile-username,
.color-theme-cyan .profile-username,
.color-theme-emerald .profile-username,
.color-theme-sky .profile-username,
.color-theme-violet .profile-username,
.color-theme-rose .profile-username,
.color-theme-fuchsia .profile-username,
.color-theme-slate .profile-username,
.color-theme-gray .profile-username,
.color-theme-stone .profile-username,
.color-theme-neutral .profile-username,
.color-theme-zinc .profile-username,
.color-theme-gradient-1 .profile-username,
.color-theme-gradient-2 .profile-username,
.color-theme-gradient-3 .profile-username,
.color-theme-professional-blue .profile-username,
.color-theme-corporate-gray .profile-username,
.color-theme-creative-purple .profile-username,
.color-theme-nature-green .profile-username,
.color-theme-ocean-blue .profile-username,
.color-theme-royal-purple .profile-username,
.color-theme-forest .profile-username,
.color-theme-midnight .profile-username {
    color: rgba(255, 255, 255, 0.9);
}

.color-theme-dark .profile-bio,
.color-theme-red .profile-bio,
.color-theme-blue .profile-bio,
.color-theme-green .profile-bio,
.color-theme-pink .profile-bio,
.color-theme-purple .profile-bio,
.color-theme-orange .profile-bio,
.color-theme-teal .profile-bio,
.color-theme-indigo .profile-bio,
.color-theme-cyan .profile-bio,
.color-theme-emerald .profile-bio,
.color-theme-sky .profile-bio,
.color-theme-violet .profile-bio,
.color-theme-rose .profile-bio,
.color-theme-fuchsia .profile-bio,
.color-theme-slate .profile-bio,
.color-theme-gray .profile-bio,
.color-theme-stone .profile-bio,
.color-theme-neutral .profile-bio,
.color-theme-zinc .profile-bio,
.color-theme-gradient-1 .profile-bio,
.color-theme-gradient-2 .profile-bio,
.color-theme-gradient-3 .profile-bio,
.color-theme-professional-blue .profile-bio,
.color-theme-corporate-gray .profile-bio,
.color-theme-creative-purple .profile-bio,
.color-theme-nature-green .profile-bio,
.color-theme-ocean-blue .profile-bio,
.color-theme-royal-purple .profile-bio,
.color-theme-forest .profile-bio,
.color-theme-midnight .profile-bio {
    color: rgba(255, 255, 255, 0.8);
}

/* Enhanced shadow effects for specific themes */
.color-theme-gradient-1 .profile-header,
.color-theme-gradient-2 .profile-header,
.color-theme-gradient-3 .profile-header,
.color-theme-gradient-4 .profile-header,
.color-theme-gradient-5 .profile-header {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

.color-theme-gradient-1 .links-container,
.color-theme-gradient-2 .links-container,
.color-theme-gradient-3 .links-container,
.color-theme-gradient-4 .links-container,
.color-theme-gradient-5 .links-container {
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
}

/* Special effects for premium themes */
.color-theme-professional-blue .profile-header,
.color-theme-corporate-gray .profile-header,
.color-theme-creative-purple .profile-header {
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
}

.color-theme-professional-blue .links-container,
.color-theme-corporate-gray .links-container,
.color-theme-creative-purple .links-container {
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(20px);
}

/* Animation for theme transitions */
.theme-transition {
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Print styles for themes */
@media print {
    .color-theme-light {
        --bg-primary: #ffffff;
        --text-primary: #000000;
    }
    
    .color-theme-dark,
    .color-theme-red,
    .color-theme-blue,
    .color-theme-green,
    .color-theme-purple,
    .color-theme-gradient-1,
    .color-theme-gradient-2,
    .color-theme-gradient-3 {
        --bg-primary: #f8f9fa;
        --text-primary: #2d3748;
    }
}