/* ============================================================
   LIGHT-MODE.CSS - Light Theme Overrides
   ============================================================ */

/* Light mode is automatically applied via CSS variables in base.css
   This file contains additional light-mode specific styles if needed */

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

body.light-mode ::selection {
  background: rgba(99, 102, 241, 0.3);
  color: #0f172a;
}

body.light-mode ::-moz-selection {
  background: rgba(99, 102, 241, 0.3);
  color: #0f172a;
}

/* Light mode specific card styling */
body.light-mode .card {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

body.light-mode .card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* Light mode text emphasis */
body.light-mode strong,
body.light-mode b {
  color: #0f172a;
}

/* Light mode links */
body.light-mode a {
  color: #6366f1;
}

body.light-mode a:hover {
  color: #4f46e5;
}

/* Light mode code blocks */
body.light-mode code {
  background: rgba(99, 102, 241, 0.08);
  color: #4f46e5;
}

body.light-mode pre {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #0f172a;
}

/* Light mode buttons - subtle changes */
body.light-mode .btn {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

body.light-mode .btn:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

/* Light mode badges */
body.light-mode .badge {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Light mode alert styling */
body.light-mode .alert {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Light mode table styling */
body.light-mode table {
  border-collapse: collapse;
}

body.light-mode thead {
  background: #f1f5f9;
}

body.light-mode tbody tr:hover {
  background: #f8fafc;
}

/* Light mode input styling */
body.light-mode input,
body.light-mode textarea,
body.light-mode select {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

body.light-mode input:focus,
body.light-mode textarea:focus,
body.light-mode select:focus {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* Light mode scrollbar */
body.light-mode ::-webkit-scrollbar-track {
  background: #f8fafc;
}

body.light-mode ::-webkit-scrollbar-thumb {
  background: #cbd5e1;
}

body.light-mode ::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}