/* LIGHT MODE STYLES */
body.light-mode {
    background: linear-gradient(to right, #f0f4f8, #ffffff) !important;
    color: #1a1a1a !important;
}

body.light-mode .dashboard-wrapper,
body.light-mode .content-section,
body.light-mode .container {
    background: rgba(255, 255, 255, 0.85) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(0, 0, 0, 0.05) !important;
    color: #333 !important;
}

body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode .app-title,
body.light-mode .title,
body.light-mode .result-heading {
    color: #05a313 !important;
    background: none !important;
    text-shadow: none !important;
    -webkit-text-fill-color: #05a313 !important;
}

body.light-mode p,
body.light-mode .subtext,
body.light-mode label,
body.light-mode li {
    color: #555 !important;
}

body.light-mode .user-profile {
    background: rgba(255, 255, 255, 0.6);
    border-color: rgba(0, 0, 0, 0.1);
    color: #333;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

body.light-mode .avatar-initials {
    border-color: #fff;
    box-shadow: 0 4px 10px rgba(0, 128, 0, 0.2);
}

body.light-mode .user-info p {
    color: #666;
}

body.light-mode .review-section {
    background: rgba(255, 255, 255, 0.7);
    border-color: rgba(7, 226, 25, 0.4);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.05);
}

body.light-mode .review-input {
    background: #f9f9f9;
    color: #333;
    border-color: #e0e0e0;
}

body.light-mode .review-input:focus {
    background: #fff;
}

body.light-mode .existing-review {
    background: #fff;
    border-color: #eee;
}

body.light-mode .existing-review p {
    color: #444;
}

/* THEME TOGGLE BUTTON */
.theme-toggle {
    position: fixed;
    bottom: 24px;
    left: 24px;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 14px;
    backdrop-filter: blur(5px);
    transition: all 0.3s ease;
    z-index: 1000;
}

body.light-mode .theme-toggle {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
    color: #333;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.theme-toggle:hover {
    transform: scale(1.1) rotate(15deg);
    background: rgba(255, 255, 255, 0.2);
}

body.light-mode .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.1);
}

body.light-mode #antigravity-bg {
    filter: none;
    opacity: 0.6;
}
/* Project Page Overrides */
body.light-mode .user-stats,
body.light-mode .project-completion,
body.light-mode .resources-section,
body.light-mode .chatbot-section {
  background: rgba(255, 255, 255, 0.85) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  color: #333 !important;
}

body.light-mode .user-stats h3,
body.light-mode .project-title,
body.light-mode .resources-title,
body.light-mode .section-title {
  color: #05a313 !important;
  text-shadow: none !important;
}

body.light-mode .stat-item {
  background: #f9f9f9 !important;
  border-color: #e0e0e0 !important;
}

body.light-mode .stat-label,
body.light-mode .project-desc {
  color: #555 !important;
}

body.light-mode .stat-value {
    color: #05a313 !important;
}

body.light-mode .chatbot-messages,
body.light-mode .chatbot-input input {
    background: #f0f0f0 !important;
    color: #333 !important;
    border-color: #ccc !important;
}

body.light-mode select {
    background: #fff !important;
    color: #333 !important;
    border-color: #ccc !important;
}

/* Splash Screen Override */
body.light-mode .splash-screen {
  background: #ffffff !important;
}

body.light-mode .splash-screen img {
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.2));
  animation: none; /* simple logo for light mode */
}

/* Premium Analysis Page Overrides */
body.light-mode .header {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

body.light-mode .logo-text {
    color: #1a1a1a;
}

body.light-mode .right-section {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .hero-title, 
body.light-mode .hero-title span {
    color: #1a1a1a !important;
    text-shadow: none !important;
}

body.light-mode .hero-title span {
    color: #05a313 !important;
}

body.light-mode .hero-desc,
body.light-mode .status-indicator,
body.light-mode .form-header h3,
body.light-mode .footer-note {
    color: #555 !important;
}

body.light-mode .match-preview-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05) !important;
    color: #1a1a1a !important;
}

body.light-mode .card-info p {
    color: #666 !important;
}

body.light-mode .gauge-circle-bg {
    stroke: rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .mode-toggle {
    background: #f0f0f0 !important;
}

body.light-mode .mode-btn.active {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important;
    color: #1a1a1a !important;
}

body.light-mode .upload-box {
    background: #f9f9f9 !important;
    border-color: #ddd !important;
}

body.light-mode .upload-icon {
    background: #eee !important;
    color: #888 !important;
}

body.light-mode .upload-text h5 {
    color: #1a1a1a !important;
}

body.light-mode .upload-text p {
    color: #777 !important;
}

body.light-mode .upload-btn-mini {
    background: #eee !important;
    color: #333 !important;
}

body.light-mode .pasted-text-area {
    background: #f9f9f9 !important;
    border-color: #ddd !important;
    color: #333 !important;
}

body.light-mode .analyser-pill {
    background: rgba(5, 163, 19, 0.1) !important;
    border-color: rgba(5, 163, 19, 0.2) !important;
    color: #05a313 !important;
}

body.light-mode .stat-box h5 {
    color: #05a313 !important;
}

/* Learn & Result Page Navigation Overrides */
body.light-mode .nav-header {
    background: rgba(255, 255, 255, 0.9) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    backdrop-filter: blur(12px);
}

body.light-mode .app-brand span {
    color: #1a1a1a !important;
}

body.light-mode .nav-btn {
    color: #555 !important;
}

body.light-mode .nav-btn:hover {
    background: rgba(0, 0, 0, 0.04) !important;
    color: #000 !important;
}

body.light-mode .nav-btn.active {
    background: rgba(5, 163, 19, 0.1) !important;
    color: #05a313 !important;
    box-shadow: none !important;
}

body.light-mode .theme-toggle-btn,
body.light-mode .theme-toggle {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #555 !important;
}

body.light-mode .user-avatar,
body.light-mode .user-avatar-small,
body.light-mode .user-avatar-nav {
    background: rgba(0, 0, 0, 0.05) !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #333 !important;
}

/* Learn Content Overrides */
body.light-mode .hero h1 span,
body.light-mode #skill-display span {
    color: #05a313 !important;
}

body.light-mode .video-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
}

body.light-mode .video-title {
    color: #1a1a1a !important;
}

body.light-mode .tutor-card {
    background: #ffffff !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .chat-body {
    background: #f8f9fa !important;
}

body.light-mode .message.bot {
    background: #ffffff !important;
    color: #333 !important;
    border: 1px solid rgba(0,0,0,0.05) !important;
}

body.light-mode .chat-footer {
    border-top: 1px solid rgba(0,0,0,0.05) !important;
}

body.light-mode .chat-input {
    background: #f1f3f5 !important;
    color: #333 !important;
}