/* ONEflight Wiki - Theme Definitions */

/* Default Theme - ONEflight Professional */
body,
body[data-theme="oneflight"] {
    --bg-primary: linear-gradient(135deg, #2a2a2a 0%, #1a1a1a 100%);
    --bg-secondary: #252525;
    --text-primary: #FFFFFF;
    --text-secondary: #CCCCCC;
    --accent: #C1272D;
    --accent-hover: #A01F24;
    --accent-secondary: #1E88C7;
    --card-bg: rgba(255, 255, 255, 0.05);
    --card-border: rgba(255, 255, 255, 0.1);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
}

/* GameSpy Classic Theme */
body[data-theme="gamespy"] {
    --bg-primary: linear-gradient(135deg, #000000 0%, #0a0a0a 100%);
    --bg-secondary: #050505;
    --text-primary: #00FF41;
    --text-secondary: #00DD39;
    --accent: #00FF41;
    --accent-hover: #00DD39;
    --accent-secondary: #00CC30;
    --card-bg: rgba(0, 255, 65, 0.05);
    --card-border: rgba(0, 255, 65, 0.2);
    --shadow: 0 4px 16px rgba(0, 255, 65, 0.15);
    --shadow-hover: 0 8px 24px rgba(0, 255, 65, 0.25);
}

body[data-theme="gamespy"] .hero-title {
    background: linear-gradient(135deg, #00FF41 0%, #00DD39 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-theme="gamespy"] .logo-text {
    background: linear-gradient(135deg, #00FF41 0%, #00DD39 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Light Mode Theme */
body[data-theme="light"] {
    --bg-primary: linear-gradient(135deg, #F5F5F5 0%, #FFFFFF 100%);
    --bg-secondary: #FAFAFA;
    --text-primary: #323130;
    --text-secondary: #605e5c;
    --accent: #0078d4;
    --accent-hover: #106ebe;
    --accent-secondary: #0078d4;
    --card-bg: rgba(255, 255, 255, 0.9);
    --card-border: rgba(0, 0, 0, 0.18);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.2);
}

body[data-theme="light"] .hero-title {
    background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-theme="light"] .logo-text {
    color: var(--accent);
}

body[data-theme="light"] .bell-icon img {
    filter: none;
}

/* Nord Theme */
body[data-theme="nord"] {
    --bg-primary: linear-gradient(135deg, #2E3440 0%, #1a1f2e 100%);
    --bg-secondary: #242933;
    --text-primary: #ECEFF4;
    --text-secondary: #D8DEE9;
    --accent: #88C0D0;
    --accent-hover: #81A1C1;
    --accent-secondary: #5E81AC;
    --card-bg: rgba(216, 222, 233, 0.05);
    --card-border: rgba(136, 192, 208, 0.2);
    --shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4);
}

body[data-theme="nord"] .hero-title {
    background: linear-gradient(135deg, #88C0D0 0%, #81A1C1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-theme="nord"] .logo-text {
    background: linear-gradient(135deg, #88C0D0 0%, #81A1C1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Pastel Dream Theme - Teal Gradient */
body[data-theme="pastel"] {
    --bg-primary: linear-gradient(135deg, #BAE9F7 0%, #1E88C7 50%, #0A4D5C 100%);
    --bg-secondary: #1E88C7;
    --text-primary: #FFFFFF;
    --text-secondary: #E0E0E0;
    --accent: #FFB7C5;
    --accent-hover: #FFA0B4;
    --accent-secondary: #B5EAD7;
    --card-bg: rgba(255, 255, 255, 0.15);
    --card-border: rgba(255, 182, 193, 0.6);
    --shadow: 0 0 20px rgba(255, 182, 193, 0.4), 0 4px 16px rgba(30, 136, 199, 0.2);
    --shadow-hover: 0 0 30px rgba(255, 182, 193, 0.6), 0 8px 24px rgba(30, 136, 199, 0.3);
}

body[data-theme="pastel"] .hero-title {
    background: linear-gradient(135deg, #FFB7C5 0%, #FFA0B4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-theme="pastel"] .logo-text {
    background: linear-gradient(135deg, #FFB7C5 0%, #FFA0B4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body[data-theme="pastel"] .search-btn {
    background: linear-gradient(135deg, #FFB7C5 0%, #FFA0B4 100%);
}

body[data-theme="pastel"] .search-btn:hover {
    background: linear-gradient(135deg, #FFA0B4 0%, #FF8BA0 100%);
}

/* Smooth theme transitions */
body {
    transition: background 0.5s ease, color 0.3s ease;
}

* {
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}