/* ============================================
   EQ2 LevelGamer - Light Mode
   ============================================ */

[data-theme="light"] {
    /* Core Colors */
    --bg-primary: #f5f5f0;
    --bg-card: #ffffff;
    --bg-input: #f0f0eb;
    --border-card: #c5c5b8;
    --border-input: #a5a598;

    /* Accent Colors */
    --accent-bronze: #8b5a2b;
    --accent-goldenrod: #996515;
    --accent-goldenrod-hover: #b8860b;

    /* Text Colors */
    --text-primary: #2d2d2d;
    --text-secondary: #666660;
    --text-dark: #1a1a1a;

    /* Status Colors */
    --status-online: #3a7a2f;
    --status-offline: #a52a0a;

    /* Gradients */
    --header-gradient: linear-gradient(180deg, #e8e8e0 0%, #f5f5f0 100%);
    --bronze-gradient: linear-gradient(135deg, #8b5a2b 0%, #996515 100%);

    /* Shadows */
    --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-card-hover: 0 8px 24px rgba(0, 0, 0, 0.15);
    --shadow-bronze-glow: 0 0 12px rgba(139, 90, 43, 0.2);
}

[data-theme="light"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="light"] .navbar {
    background: var(--header-gradient);
    border-bottom-color: var(--border-card);
}

[data-theme="light"] .hero-section {
    background: linear-gradient(135deg, #e8e8e0 0%, #f0f0eb 50%, #e0e0d8 100%);
    border-bottom-color: var(--border-card);
}

[data-theme="light"] .hero-content h1 {
    text-shadow: none;
}

[data-theme="light"] .server-card,
[data-theme="light"] .guild-card,
[data-theme="light"] .card {
    background: var(--bg-card);
    border-color: var(--border-card);
}

[data-theme="light"] .card-header,
[data-theme="light"] .server-card-header,
[data-theme="light"] .guild-card-header {
    background: rgba(0,0,0,0.03);
    border-bottom-color: var(--border-card);
}

[data-theme="light"] .card-footer,
[data-theme="light"] .server-card-footer,
[data-theme="light"] .guild-card-footer {
    background: rgba(0,0,0,0.02);
    border-top-color: var(--border-card);
}

[data-theme="light"] .footer {
    background: linear-gradient(180deg, #e0e0d8 0%, #d8d8d0 100%);
    border-top-color: var(--border-card);
}

[data-theme="light"] .form-control {
    background-color: var(--bg-input);
    border-color: var(--border-input);
    color: var(--text-primary);
}

[data-theme="light"] .form-control:focus {
    border-color: var(--accent-bronze);
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4 {
    color: var(--accent-bronze);
}

[data-theme="light"] a {
    color: var(--text-primary);
}

[data-theme="light"] a:hover {
    color: var(--accent-goldenrod-hover);
}

[data-theme="light"] .text-muted {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .btn-secondary {
    background: transparent;
    border-color: var(--border-card);
    color: var(--text-primary);
}

[data-theme="light"] .btn-secondary:hover {
    border-color: var(--accent-bronze);
    color: var(--accent-bronze);
}

[data-theme="light"] ::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
    background: var(--border-card);
}

[data-theme="light"] .thread-item:hover,
[data-theme="light"] .list-item:hover {
    background: rgba(139, 90, 43, 0.05);
}

[data-theme="light"] .border-bottom {
    border-bottom-color: var(--border-card) !important;
}

[data-theme="light"] .border-top {
    border-top-color: var(--border-card) !important;
}

[data-theme="light"] .bg-dark,
[data-theme="light"] [style*="background: rgba(0"] {
    background-color: rgba(0,0,0,0.03) !important;
}