/* Light Mode Overrides */
body.light-mode {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f7;
  --text-primary: #1d1d1f;
  --text-secondary: #86868b;
  --glass: rgba(255,255,255,0.8);
  --glass-border: rgba(0,0,0,0.05);
  background: linear-gradient(180deg, #ffffff 0%, #f5f5f7 100%);
  color: #1d1d1f;
}

body.light-mode .glass-nav {
  background: rgba(255,255,255,0.8);
  box-shadow: 0 4px 30px rgba(0,0,0,0.1);
}

body.light-mode .bento-card,
body.light-mode .workflow-card,
body.light-mode .project-card,
body.light-mode .service-card {
  background: #ffffff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05);
}

body.light-mode .form-input,
body.light-mode .form-textarea {
  background: #ffffff;
  border-color: rgba(0,0,0,0.1);
  color: #1d1d1f;
}

body.light-mode .skill-bar {
  background: rgba(0,0,0,0.1);
}

body.light-mode .footer {
  border-top-color: rgba(0,0,0,0.1);
}