/* ================================================================
   CLASSIC THEME — dark mode overrides
   Base styles are in app.css. This file adds dark mode on top.
   ================================================================ */

/* ── Dark mode ────────────────────────────────────────────────── */
[data-mode="dark"] {
  --ld-bg:            #0d1117;
  --ld-surface:       #161b22;
  --ld-surface-2:     #21262d;
  --ld-border:        #30363d;
  --ld-text:          #e6edf3;
  --ld-text-muted:    #8b949e;
  --ld-primary:       #58a6ff;
  --ld-primary-light: rgba(88,166,255,.1);
  --ld-nav-bg:        #010409;
  --ld-catbar-bg:     #161b22;
  --ld-nav-border:    #30363d;
  color-scheme: dark;
}

[data-mode="dark"] body { background: var(--ld-bg); color: var(--ld-text); }

[data-mode="dark"] .card,
[data-mode="dark"] .ld-link-card,
[data-mode="dark"] .ld-widget,
[data-mode="dark"] .ld-form-card {
  background: var(--ld-surface);
  border-color: var(--ld-border);
}

[data-mode="dark"] .ld-link-card:hover { background: var(--ld-surface-2); }

[data-mode="dark"] .ld-cat-card {
  background: var(--ld-surface);
  border-color: var(--ld-border);
  color: var(--ld-text);
}
[data-mode="dark"] .ld-cat-card:hover { background: var(--ld-surface-2); }

[data-mode="dark"] .ld-link-title { color: var(--ld-primary); }
[data-mode="dark"] .ld-link-url   { color: #3fb950; }
[data-mode="dark"] .ld-link-desc  { color: var(--ld-text-muted); }

[data-mode="dark"] .ld-hero { background: linear-gradient(135deg, #010409, #0d1117); }

[data-mode="dark"] .form-control,
[data-mode="dark"] .form-select {
  background: var(--ld-surface-2);
  border-color: var(--ld-border);
  color: var(--ld-text);
}
[data-mode="dark"] .form-control:focus,
[data-mode="dark"] .form-select:focus {
  background: var(--ld-surface);
  border-color: var(--ld-primary);
  color: var(--ld-text);
  box-shadow: 0 0 0 .2rem rgba(88,166,255,.2);
}

[data-mode="dark"] .alert-info {
  background: rgba(88,166,255,.1);
  border-color: rgba(88,166,255,.2);
  color: #79c0ff;
}

[data-mode="dark"] .bg-light,
[data-mode="dark"] .table-light thead,
[data-mode="dark"] .modal-header,
[data-mode="dark"] .card-header.bg-white { background: var(--ld-surface-2) !important; }

[data-mode="dark"] .modal-content {
  background: var(--ld-surface);
  border-color: var(--ld-border);
}

[data-mode="dark"] .table { color: var(--ld-text); }
[data-mode="dark"] .table-hover tbody tr:hover { background: rgba(255,255,255,.03); }

[data-mode="dark"] .badge.bg-light { background: var(--ld-surface-2) !important; color: var(--ld-text-muted) !important; }

[data-mode="dark"] .ld-catbar { border-top-color: var(--ld-border); }

[data-mode="dark"] .ld-link-card.is-featured {
  background: linear-gradient(135deg, #2d1f00, #1a1200) !important;
  border-color: #f59e0b !important;
}

[data-mode="dark"] .ld-footer { background: #010409; border-top-color: var(--ld-border); }

[data-mode="dark"] .ld-search-wrap {
  background: rgba(255,255,255,.06);
  border-color: rgba(255,255,255,.15);
}

/* Scrollbar */
[data-mode="dark"] ::-webkit-scrollbar { width: 8px; }
[data-mode="dark"] ::-webkit-scrollbar-track { background: var(--ld-bg); }
[data-mode="dark"] ::-webkit-scrollbar-thumb { background: var(--ld-surface-2); border-radius: 4px; }