/* Light Theme Styles */

.light-theme .navbar {
    background: rgba(255, 255, 255, 0.95) !important;
    border-bottom: 1px solid var(--border);
}

.light-theme body {
    background-color: #ffffff;
    color: #0f172a;
}

.light-theme .nav-link {
    color: #475569;
}

.light-theme .nav-link:hover {
    color: #0284c7;
}

.light-theme .hero {
    background: rgba(255, 255, 255, 0.9);
    color: #0f172a;
}

.light-theme .about {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 0;
}

.light-theme .skills {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 0;
}

.light-theme .projects {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 0;
}

.light-theme .contact {
    background: rgba(255, 255, 255, 0.9);
    padding: 80px 0;
}

.light-theme .hero-title {
    color: #0f172a;
}

.light-theme .hero-subtitle {
    color: #475569;
}

.light-theme .hero-description {
    color: #64748b;
}

.light-theme .section-title {
    color: #0f172a;
}

.light-theme .section-subtitle {
    color: #64748b;
}

.light-theme .project-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.light-theme .project-title {
    color: #0f172a;
}

.light-theme .project-description {
    color: #64748b;
}

.light-theme .skill-category {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.light-theme .skill-category h3 {
    color: #0f172a;
}

.light-theme .skill-item {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #475569;
}

.light-theme .contact-item {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.light-theme .contact-label {
    color: #64748b;
}

.light-theme .contact-value {
    color: #0f172a;
}

.light-theme .tech-tag {
    background: rgba(30, 64, 175, 0.1);
    color: #1e40af;
    border: 1px solid rgba(30, 64, 175, 0.3);
}

.light-theme .btn-primary {
    background: #1e40af;
    color: #ffffff;
}

.light-theme .btn-primary:hover {
    background: #1e3a8a;
}

.light-theme .btn-secondary {
    background: transparent;
    color: #1e40af;
    border: 2px solid #1e40af;
}

.light-theme .btn-secondary:hover {
    background: #1e40af;
    color: #ffffff;
}

.light-theme .project-links .github {
    background: #475569;
    color: #ffffff;
    border: 1px solid #64748b;
}

.light-theme .project-links .github:hover {
    background: #64748b;
    border-color: #1e40af;
}

.light-theme .project-links .live {
    background: #1e40af;
    color: #ffffff;
}

.light-theme .project-links .live:hover {
    background: #1e3a8a;
}

.light-theme .social-link {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #e2e8f0;
}

.light-theme .social-link:hover {
    background: #1e40af;
    color: #ffffff;
    border-color: #1e40af;
}

.light-theme .footer {
    background: #f8fafc;
    color: #475569;
    border-top: 1px solid #e2e8f0;
}

.light-theme .nav-logo a {
    color: #1e40af;
}

.light-theme .nav-logo a:hover {
    color: #1e3a8a;
}

.light-theme .theme-toggle {
    color: #1e40af;
}

.light-theme .theme-toggle:hover {
    background: rgba(30, 64, 175, 0.1);
}

.light-theme .stat {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.light-theme .stat h3 {
    color: #1e40af;
}

.light-theme .stat:hover {
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.2);
    border-color: #1e40af;
}

.light-theme .about-text p {
    color: #475569;
}

.light-theme .about-lead {
    color: #1e40af;
}

.light-theme .hero-badge {
    background: rgba(30, 64, 175, 0.1);
    border: 1px solid rgba(30, 64, 175, 0.3);
}

.light-theme .hero-badge span {
    color: #1e40af;
}

.light-theme .highlight {
    color: #1e40af;
}

.light-theme .highlight::after {
    background: rgba(30, 64, 175, 0.2);
}

.light-theme .modal-content {
    background: #ffffff;
    border: 1px solid #e2e8f0;
}

.light-theme .modal-title {
    color: #0f172a;
}

.light-theme .modal-description {
    color: #64748b;
}

.light-theme .modal-close {
    background: rgba(0, 0, 0, 0.1);
    color: #0f172a;
}

.light-theme .modal-close:hover {
    background: rgba(220, 38, 38, 0.2);
}

.light-theme .modal-header {
    border-bottom: 1px solid #e2e8f0;
}

.light-theme .modal-carousel-slide {
    background: #f8fafc;
}

.light-theme .skip-to-content {
    background: #1e40af;
    color: #ffffff;
}

.light-theme .skip-to-content:focus {
    outline: 2px solid #1e40af;
}

.light-theme .scroll-progress {
    background: linear-gradient(90deg, #1e40af, #1e3a8a, #10b981);
    box-shadow: 0 0 8px rgba(30, 64, 175, 0.2);
}