/* === Light Theme === */
[data-theme="light"] {
    --bg-primary: #f5f6fa;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-input: #f0f1f5;
    --text-primary: #2d3436;
    --text-secondary: #636e72;
    --text-muted: #a0a4b0;
    --accent: #6c5ce7;
    --accent-hover: #5a4bd1;
    --accent-light: rgba(108,92,231,0.1);
    --success: #00b894;
    --danger: #e17055;
    --warning: #fdcb6e;
    --border: #dfe4ea;
    --shadow: 0 2px 12px rgba(0,0,0,0.06);
}

/* === Neon Theme === */
[data-theme="neon"] {
    --bg-primary: #0a0a1a;
    --bg-secondary: #0d0d24;
    --bg-card: #111133;
    --bg-input: #161640;
    --text-primary: #e0e0ff;
    --text-secondary: #8888cc;
    --text-muted: #555588;
    --accent: #00ff88;
    --accent-hover: #00cc6a;
    --accent-light: rgba(0,255,136,0.12);
    --success: #00ff88;
    --danger: #ff3366;
    --warning: #ffcc00;
    --border: #222266;
    --shadow: 0 0 20px rgba(0,255,136,0.1);
}
[data-theme="neon"] .header__logo{color:#00ff88}
[data-theme="neon"] .hero__title{background:linear-gradient(135deg,#00ff88,#00ccff);-webkit-background-clip:text;background-clip:text}
[data-theme="neon"] .btn--primary{background:#00ff88;color:#0a0a1a}
[data-theme="neon"] .btn--primary:hover{background:#00cc6a}
[data-theme="neon"] .training-progress__fill{background:linear-gradient(90deg,#00ff88,#00ccff)}
[data-theme="neon"] .profile-avatar{background:linear-gradient(135deg,#00ff88,#00ccff)}

/* === Retro Theme === */
[data-theme="retro"] {
    --bg-primary: #2b2118;
    --bg-secondary: #3a2e22;
    --bg-card: #4a3a2a;
    --bg-input: #5a4a3a;
    --text-primary: #f0d9b5;
    --text-secondary: #c4a882;
    --text-muted: #8a7560;
    --accent: #d4a44a;
    --accent-hover: #c4943a;
    --accent-light: rgba(212,164,74,0.15);
    --success: #7cb342;
    --danger: #d32f2f;
    --warning: #ffb300;
    --border: #5a4a3a;
    --shadow: 0 2px 12px rgba(0,0,0,0.3);
}
[data-theme="retro"] .hero__title{background:linear-gradient(135deg,#d4a44a,#f0d9b5);-webkit-background-clip:text;background-clip:text}
[data-theme="retro"] .profile-avatar{background:linear-gradient(135deg,#d4a44a,#f0d9b5)}

/* === Cosmos Theme === */
[data-theme="cosmos"] {
    --bg-primary: #0b0c1e;
    --bg-secondary: #10112a;
    --bg-card: #151640;
    --bg-input: #1a1b50;
    --text-primary: #d4d6f0;
    --text-secondary: #8889b0;
    --text-muted: #555680;
    --accent: #a855f7;
    --accent-hover: #9333ea;
    --accent-light: rgba(168,85,247,0.15);
    --success: #22d3ee;
    --danger: #f43f5e;
    --warning: #fbbf24;
    --border: #252660;
    --shadow: 0 2px 20px rgba(168,85,247,0.1);
}
[data-theme="cosmos"] .hero__title{background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-background-clip:text;background-clip:text}
[data-theme="cosmos"] .btn--primary{background:linear-gradient(135deg,#a855f7,#6366f1)}
[data-theme="cosmos"] .btn--primary:hover{background:linear-gradient(135deg,#9333ea,#4f46e5)}
[data-theme="cosmos"] .training-progress__fill{background:linear-gradient(90deg,#a855f7,#22d3ee)}
[data-theme="cosmos"] .profile-avatar{background:linear-gradient(135deg,#a855f7,#22d3ee)}
[data-theme="cosmos"] .header__logo{background:linear-gradient(135deg,#a855f7,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}