/* ============================================
   LIGHT THEME STYLES
   ============================================ */

body.light-mode {
  --terminal-bg: #f8f8f2;
  --terminal-header: #e0e0e0;
  --terminal-text: #232136;
  --terminal-green: #16a34a;
  --terminal-purple: #7c3aed;
  --terminal-blue: #2563eb;
  --terminal-yellow: #eab308;
  --terminal-red: #dc2626;
  --terminal-gray: #64748b;
  --terminal-border: #cbd5e1;
  --terminal-prompt: #d946ef;
  --terminal-selection: #e0e7ef;
}

body.light-mode .terminal-header,
body.light-mode .terminal-footer,
body.light-mode .terminal-content,
body.light-mode .project-card,
body.light-mode .skill-category,
body.light-mode .testimonials-list,
body.light-mode .testimonial {
  background: #fff !important;
  color: var(--terminal-text) !important;
  box-shadow: 0 2px 8px rgba(37, 99, 235, 0.04);
}

body.light-mode .terminal-nav {
  background: #f1f5f9 !important;
}

body.light-mode .terminal-nav a {
  color: var(--terminal-blue) !important;
}

body.light-mode .terminal-nav a:hover {
  color: var(--terminal-green) !important;
  background: #e0f2fe !important;
}

body.light-mode .terminal-btn {
  background: var(--terminal-green);
  color: #fff;
}

body.light-mode .terminal-btn.secondary {
  background: transparent;
  color: var(--terminal-green);
  border: 1px solid var(--terminal-green);
}

body.light-mode .terminal-btn.secondary:hover {
  background: #e0fbe0;
}

body.light-mode .code-block {
  background: #f3f4f6 !important;
  color: #232136 !important;
  border: 1px solid #cbd5e1;
}

body.light-mode .highlight,
body.light-mode .timeline-date,
body.light-mode .skill-category h3 i,
body.light-mode .testimonials-list .testimonial span {
  color: var(--terminal-green) !important;
}

body.light-mode .project-link {
  color: var(--terminal-green);
}

body.light-mode .project-link:hover {
  background: #e0fbe0;
}

body.light-mode .contact-method a {
  color: var(--terminal-blue);
  background: #e0f2fe;
}

body.light-mode .contact-method a:hover {
  color: var(--terminal-green);
  background: #e0fbe0;
}

body.light-mode .status-bar {
  color: var(--terminal-gray);
}

body.light-mode .skill-level {
  background: #e5e7eb;
}

body.light-mode .skill-level::after {
  background: var(--terminal-green);
}

body.light-mode .terminal-title {
  color: var(--terminal-gray);
}

body.light-mode .form-group input,
body.light-mode .form-group textarea {
  background: #f3f4f6;
  color: #232136;
  border: 1px solid #cbd5e1;
}

body.light-mode .form-group input:focus,
body.light-mode .form-group textarea:focus {
  border-color: var(--terminal-green);
}

body.light-mode #theme-toggle {
  background: #fff;
  color: var(--terminal-blue);
  box-shadow: 0 4px 16px rgba(139, 233, 253, 0.13), 0 1.5px 4px rgba(37, 99, 235, 0.10);
}

body.light-mode #theme-toggle:hover {
  background: var(--terminal-blue);
  color: #fff;
}

body.light-mode #scrollToTopBtn {
  background: var(--terminal-blue);
  color: #fff;
}

body.light-mode #scrollToTopBtn:hover {
  background: var(--terminal-green);
}

/* Light mode certification styles */
body.light-mode .certification-card {
  background: linear-gradient(135deg, rgba(74, 222, 128, 0.08) 0%, rgba(189, 147, 249, 0.08) 100%);
  border-color: #cbd5e1;
}

body.light-mode .certification-card:hover {
  border-color: var(--terminal-green);
  box-shadow: 0 8px 32px rgba(74, 222, 128, 0.2);
}

body.light-mode .cert-image {
  background: linear-gradient(135deg, #e5e7eb 0%, #d1d5db 100%);
}

body.light-mode .cert-content h3 {
  color: var(--terminal-green);
}

body.light-mode .cert-issuer {
  color: var(--terminal-blue);
}

body.light-mode .cert-description {
  color: #232136;
}

body.light-mode .cert-details {
  background: rgba(209, 213, 219, 0.3);
  border-left-color: var(--terminal-purple);
}

body.light-mode .cert-id {
  color: #374151;
}

body.light-mode .cert-id strong {
  color: var(--terminal-purple);
}

body.light-mode .cert-id span {
  color: #d97706;
}

body.light-mode .cert-link {
  color: var(--terminal-blue);
  border-color: var(--terminal-blue);
}

body.light-mode .cert-link:hover {
  background: var(--terminal-blue);
  color: #fff;
}

/* Light mode testimonials */
body.light-mode .testimonials-list .testimonial {
  border-left: 4px solid var(--terminal-green);
  background: #f9fafb !important;
  color: #232136 !important;
}

/* Light mode image placeholder */
body.light-mode .image-placeholder {
  background: linear-gradient(135deg, #c084fc 0%, #7dd3fc 100%);
}