.theme-dark {
    --primary-color: #3498db;
    --primary-dark: #2c3e50;
    --accent-color: #2ecc71;

    --light-gray: #1E1E1E;      /* خلفية التطبيق الرئيسية (رمادي داكن جدًا) */
    --white: #2C2C2C;          /* خلفية البطاقات والعناصر (رمادي أفتح قليلاً) */
    
    --dark-gray: #E0E0E0;      /* لون النص الأساسي (أبيض مائل للرمادي) */
    --gray: #B0B0B0;          /* لون النص الثانوي (رمادي متوسط) */
    --black: #FFFFFF;         /* لون العناوين والنصوص الهامة (أبيض نقي) */

    --notification-color: #e74c3c;
}
.theme-blue { --primary-color: #3498db; --primary-dark: #2c3e50; --accent-color: #2ecc71; --light-color: #ecf0f1; --light-gray: #bdc3c7; --gray: #7f8c8d; --dark-gray: #34495e; --white: #FFFFFF; --black: #000000; --notification-color: #ff3b30; }
.theme-green { --primary-color: #2ecc71; --primary-dark: #27ae60; --accent-color: #3498db; --light-color: #d5f5e3; --light-gray: #eafaf1; --gray: #7f8c8d; --dark-gray: #27ae60; --white: #FFFFFF; --black: #000000; --notification-color: #ff3b30; }
.theme-purple { --primary-color: #9b59b6; --primary-dark: #8e44ad; --accent-color: #3498db; --light-color: #e8daef; --light-gray: #f4ecf7; --gray: #7f8c8d; --dark-gray: #8e44ad; --white: #FFFFFF; --black: #000000; --notification-color: #ff3b30; }
.theme-red { --primary-color: #e74c3c; --primary-dark: #c0392b; --accent-color: #f1c40f; --light-color: #fadbd8; --light-gray: #f5b7b1; --gray: #7f8c8d; --dark-gray: #c0392b; --white: #FFFFFF; --black: #000000; --notification-color: #3498db; }

body.design-glassmorphism {
     background-image: url('https://images.unsplash.com/photo-1553095066-5014bc7b7f2d?q=80&w=2071&auto=format&fit=crop');
     background-size: cover;
     background-attachment: fixed;
}

.design-glassmorphism .app-container {
    background-color: transparent;
    box-shadow: none;
}

.design-glassmorphism .header,
.design-glassmorphism .tabs,
.design-glassmorphism .user-item,
.design-glassmorphism .post-item,
.design-glassmorphism .message-input-area,
.design-glassmorphism .dropdown-content,
.design-glassmorphism .auth-container,
.design-glassmorphism .theme-container,
.design-glassmorphism .profile-container,
.design-glassmorphism .edit-profile-container,
.design-glassmorphism .new-post-container,
.design-glassmorphism .notifications-container .notification-item,
.design-glassmorphism .search-bar,
.design-glassmorphism .comments-modal-content { /* Added for glassmorphism */
    background-color: rgba(255, 255, 255, 0.15);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}
/* START: MODIFICATION - Glassmorphism style for new UI */
.design-glassmorphism .mic-btn {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.design-glassmorphism .recording-ui {
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
}

.design-glassmorphism .recording-timer,
.design-glassmorphism .cancel-recording-text {
    color: #eee;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
 /* END: MODIFICATION */

.design-glassmorphism .content {
    background-color: transparent;
}

.design-glassmorphism .header {
    color: var(--white);
}

.design-glassmorphism .header-title,
.design-glassmorphism .header-icon {
    color: #fff;
    text-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

.design-glassmorphism .tab {
    color: rgba(255, 255, 255, 0.8);
}

.design-glassmorphism .tab.active {
    color: #fff;
    border-bottom: 3px solid #fff;
}

.design-glassmorphism .user-item,
.design-glassmorphism .post-item {
    color: var(--black);
}

.design-glassmorphism .user-name,
.design-glassmorphism .post-user-name,
.design-glassmorphism .profile-name {
    color: var(--black);
}

/* Glassmorphism messages - Original, keep for context unless new style replaces */
.design-glassmorphism .message {
    color: #FFFFFF;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.design-glassmorphism .message.message-incoming {
    background-color: rgba(255, 255, 255, 0.25);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.design-glassmorphism .message.message-outgoing {
    background-color: rgba(220, 248, 198, 0.4);
    border: 1px solid rgba(220, 248, 198, 0.5);
}
.design-glassmorphism .message-input {
    background-color: rgba(255, 255, 255, 0.3);
    color: #000;
}
.design-glassmorphism .message-input::placeholder {
    color: #333;
}
.design-glassmorphism .btn-primary {
    background-color: var(--primary-color);
    border: none;
}
.design-glassmorphism .btn-secondary {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}
.design-glassmorphism .theme-title {
    color: var(--black);
}