/* Light Theme for DogeGage Chat */

body.light-theme {
    --bg-dark: #f5f5f5;
    --bg-card: #ffffff;
    --text-primary: #1a1a1a;
    --text-secondary: #4a4a4a;
    --text-muted: #6b6b6b;
    --border: rgba(0, 0, 0, 0.1);
    --primary: #667eea;
    --primary-dark: #5a6fd8;
    --danger: #ef4444;
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.16);
}

/* Background */
body.light-theme {
    background: #f5f5f5;
    color: #1a1a1a;
}

/* Landing Page */
body.light-theme .landing-page {
    background: #f5f5f5;
}

body.light-theme .bg-gradient {
    background: radial-gradient(circle at 20% 50%, rgba(102, 126, 234, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(102, 126, 234, 0.06) 0%, transparent 50%);
}

body.light-theme .shape {
    opacity: 0.15;
}

/* Navigation */
body.light-theme .landing-nav {
    background: rgba(255, 255, 255, 0.95);
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .landing-logo {
    color: #1a1a1a;
}

body.light-theme .btn-ghost {
    color: #1a1a1a;
}

body.light-theme .btn-ghost:hover {
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .btn-secondary {
    background: #e5e5e5;
    color: #1a1a1a;
}

body.light-theme .btn-secondary:hover {
    background: #d4d4d4;
}

/* Hero Section */
body.light-theme .hero-subtitle {
    color: #6b6b6b;
}

body.light-theme .stat-label {
    color: #6b6b6b;
}

/* Chat Mockup */
body.light-theme .mockup-window {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

body.light-theme .mockup-header {
    background: #f5f5f5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-theme .mockup-title {
    color: #6b6b6b;
}

body.light-theme .mock-bubble {
    background: #e5e5e5;
    color: #1a1a1a;
}

body.light-theme .mock-message.right .mock-bubble {
    background: #667eea;
    color: white;
}

/* Features */
body.light-theme .section-subtitle {
    color: #6b6b6b;
}

body.light-theme .feature-card-modern {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .feature-card-modern:hover {
    border-color: rgba(102, 126, 234, 0.3);
    box-shadow: 0 20px 40px rgba(102, 126, 234, 0.1);
}

body.light-theme .feature-card-modern p {
    color: #6b6b6b;
}

/* CTA Section */
body.light-theme .cta-content {
    background: rgba(102, 126, 234, 0.05);
    border: 1px solid rgba(102, 126, 234, 0.15);
}

body.light-theme .cta-content p {
    color: #6b6b6b;
}

/* Footer */
body.light-theme .landing-footer {
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

body.light-theme .footer-brand p,
body.light-theme .footer-column h4 {
    color: #6b6b6b;
}

body.light-theme .footer-column a {
    color: #4a4a4a;
}

body.light-theme .footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    color: #6b6b6b;
}

/* Auth Pages */
body.light-theme .auth-page,
body.light-theme .signup-page {
    background: #f5f5f5;
}

body.light-theme .auth-shape {
    opacity: 0.1;
}

body.light-theme .auth-back {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

body.light-theme .auth-back:hover {
    background: rgba(255, 255, 255, 1);
}

body.light-theme .auth-container,
body.light-theme .signup-container {
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
}

body.light-theme .auth-subtitle {
    color: #6b6b6b;
}

body.light-theme .auth-tabs {
    background: rgba(0, 0, 0, 0.03);
}

body.light-theme .auth-tab {
    color: #6b6b6b;
}

body.light-theme .auth-tab.active {
    background: #667eea;
    color: white;
}

body.light-theme input[type="text"],
body.light-theme input[type="email"],
body.light-theme input[type="password"],
body.light-theme input[type="date"],
body.light-theme select,
body.light-theme textarea {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
}

body.light-theme input::placeholder {
    color: #9ca3af;
}

body.light-theme input:focus,
body.light-theme select:focus,
body.light-theme textarea:focus {
    background: rgba(0, 0, 0, 0.05);
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

body.light-theme .input-help,
body.light-theme .step-footer {
    color: #6b6b6b;
}

body.light-theme .terms-box {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .terms-content {
    color: #4a4a4a;
}

body.light-theme .btn-signup-back {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

body.light-theme .btn-signup-back:hover {
    background: rgba(0, 0, 0, 0.08);
}

/* Chat Page */
body.light-theme .chat-page {
    background: #f5f5f5;
}

body.light-theme .sidebar {
    background: rgba(255, 255, 255, 0.95);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .sidebar-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .username {
    color: #1a1a1a;
}

body.light-theme .user-status {
    color: #6b6b6b;
}

body.light-theme .btn-open-menu {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

body.light-theme .btn-open-menu:hover {
    background: rgba(0, 0, 0, 0.08);
}

body.light-theme .slide-menu {
    background: rgba(255, 255, 255, 0.98);
}

body.light-theme .slide-menu-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .btn-close-menu {
    color: #6b6b6b;
}

body.light-theme .btn-close-menu:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a1a;
}

body.light-theme .menu-user-card {
    background: rgba(0, 0, 0, 0.03);
}

body.light-theme .menu-user-tag {
    color: #6b6b6b;
}

body.light-theme .menu-divider {
    background: rgba(0, 0, 0, 0.08);
}

body.light-theme .menu-item {
    color: #4a4a4a;
}

body.light-theme .menu-item:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a1a;
}

body.light-theme .icon-btn {
    color: #6b6b6b;
}

body.light-theme .icon-btn:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #1a1a1a;
}

body.light-theme .sidebar-search {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .search-input {
    background: rgba(0, 0, 0, 0.03);
    border: 1px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

body.light-theme .search-input:focus {
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .section-header h3 {
    color: #6b6b6b;
}

body.light-theme .section-tab {
    color: #6b6b6b;
}

body.light-theme .section-tab:hover {
    background: rgba(0, 0, 0, 0.03);
    color: #4a4a4a;
}

body.light-theme .section-tab.active {
    background: rgba(102, 126, 234, 0.15);
    color: #667eea;
}

body.light-theme .empty-state,
body.light-theme .welcome-state {
    color: #6b6b6b;
}

body.light-theme .empty-state p,
body.light-theme .welcome-state h3 {
    color: #4a4a4a;
}

body.light-theme .empty-state small,
body.light-theme .welcome-state p {
    color: #9ca3af;
}

body.light-theme .friend-item:hover,
body.light-theme .group-item:hover {
    background: rgba(0, 0, 0, 0.03);
}

body.light-theme .friend-item.active,
body.light-theme .group-item.active {
    background: rgba(102, 126, 234, 0.15);
}

body.light-theme .friend-name,
body.light-theme .group-name {
    color: #1a1a1a;
}

body.light-theme .friend-status,
body.light-theme .group-members {
    color: #6b6b6b;
}

body.light-theme .chat-main {
    background: #ffffff;
}

body.light-theme .chat-header {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .chat-name {
    color: #1a1a1a;
}

body.light-theme .chat-status {
    color: #6b6b6b;
}

body.light-theme .messages {
    background: #f5f5f5;
}

body.light-theme .message:hover {
    background: rgba(0, 0, 0, 0.02);
}

body.light-theme .message-author {
    color: #1a1a1a;
}

body.light-theme .message-time {
    color: #6b6b6b;
}

body.light-theme .message-text {
    color: #1a1a1a;
}

body.light-theme .message-text.encrypted-error {
    color: #6b6b6b;
}

body.light-theme .message-context-menu {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

body.light-theme .message-context-menu-item {
    color: #1a1a1a;
}

body.light-theme .message-context-menu-item:hover {
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .message-input-container {
    background: #ffffff;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

/* Modals */
body.light-theme .modal-overlay {
    background: rgba(0, 0, 0, 0.6);
}

body.light-theme .modal-content {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
}

body.light-theme .modal-content h2,
body.light-theme .modal-content h3 {
    color: #1a1a1a;
}

body.light-theme .modal-content p {
    color: #4a4a4a;
}

body.light-theme .info-box {
    background: rgba(59, 130, 246, 0.08);
    border-color: rgba(59, 130, 246, 0.25);
}

body.light-theme .info-box p {
    color: #2563eb;
}

body.light-theme .warning-box {
    background: rgba(239, 68, 68, 0.08);
    border-color: rgba(239, 68, 68, 0.25);
}

body.light-theme .warning-box p {
    color: #dc2626;
}

body.light-theme .password-requirements {
    background: rgba(102, 126, 234, 0.06);
    border-color: rgba(102, 126, 234, 0.2);
}

body.light-theme .password-requirements li {
    color: #4a4a4a;
}

body.light-theme .modal-content input[type="password"],
body.light-theme .modal-content input[type="text"] {
    background: rgba(0, 0, 0, 0.03);
    border: 2px solid rgba(0, 0, 0, 0.08);
    color: #1a1a1a;
}

body.light-theme .modal-content input:focus {
    background: rgba(0, 0, 0, 0.05);
}

body.light-theme .btn-modal-secondary {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #1a1a1a;
}

body.light-theme .btn-modal-secondary:hover {
    background: rgba(0, 0, 0, 0.08);
}

/* Settings & Profile Pages */
body.light-theme .settings-page,
body.light-theme .profile-page,
body.light-theme .friends-page {
    background: #f5f5f5;
}

body.light-theme .settings-header,
body.light-theme .profile-header,
body.light-theme .friends-header {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .setting-section,
body.light-theme .profile-section {
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-theme .setting-section h2 {
    color: #1a1a1a;
}

body.light-theme .setting-info label {
    color: #1a1a1a;
}

body.light-theme .setting-info p {
    color: #6b6b6b;
}

/* Scrollbar */
body.light-theme ::-webkit-scrollbar-track {
    background: #f5f5f5;
}

body.light-theme ::-webkit-scrollbar-thumb {
    background: #d4d4d4;
}

body.light-theme ::-webkit-scrollbar-thumb:hover {
    background: #b8b8b8;
}

/* Cookie Banner */
body.light-theme .cookie-banner {
    background: rgba(255, 255, 255, 0.98);
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.08);
}

body.light-theme .cookie-banner-text {
    color: #1a1a1a;
}

body.light-theme .cookie-banner-text a {
    color: #667eea;
}