/* Dark Mode — koyu & premium */
:root {
  --primary: #818cf8;
  --primary-dark: #6b72f5;
  --primary-rgb: 129, 140, 248;
  --accent: #22d3ee;
  --dark: #020617;
  --dark-2: #0f172a;
  --text: #e2e8f0;
  --muted: #94a3b8;
  --muted-light: #64748b;
  --bg: #0b1222;
  --card: #111a2e;
  --border: #1f2b45;
  --green: #34d399;
  --amber: #fbbf24;
  --red: #f87171;
  --radius: 14px;
  --shadow: 0 1px 3px rgba(0,0,0,.45), 0 12px 32px rgba(0,0,0,.35);
}

body { background: var(--bg); color: var(--text); }

.card, .row-item, .attach-item, .stat-box, .table { background: var(--card); border-color: var(--border); box-shadow: var(--shadow); }
.card:hover { box-shadow: 0 4px 10px rgba(0,0,0,.4), 0 14px 40px rgba(0,0,0,.35); }
.row-item:hover { border-color: rgba(59, 130, 246, .4); }

.section.alt { background: #0d1630; border-color: var(--border); }

.card-img { background: #1e293b; }
.card-img-ph { background: linear-gradient(135deg, #16233c, #1e293b); color: #94a3b8; }
.card h3 a { color: var(--text); }
.row-main h3 a, .row-stats strong { color: var(--text); }

.badge { background: #1e293b; color: #a5b4fc; }
.badge-green { background: #064e3b; color: #6ee7b7; }
.badge-amber { background: #78350f; color: #fcd34d; }
.badge-gray { background: #1e293b; color: #94a3b8; }
.badge-red { background: #7f1d1d; color: #fca5a5; }
.badge-dark { background: #020617; color: #fff; }

.chip { background: #16233c; color: #cbd5e1; border-color: var(--border); }

.filter-chips a { background: #0d1630; border-color: var(--border); }
.filter-chips a:hover { color: var(--primary); border-color: var(--primary); }

.stat-box { background: var(--card); border-color: var(--border); }
.stat-box b { color: var(--primary); }

.table { background: var(--card); }
.table th { background: #16233c; border-bottom-color: var(--border); }
.table th, .table td { border-bottom-color: var(--border); }

.search-form input { background: #0d1630; color: var(--text); border-color: var(--border); }

.field input[type="text"], .field input[type="password"], .field input[type="email"], .field input[type="url"], .field select, .field textarea {
  background: #0d1630; color: var(--text); border-color: var(--border);
}
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--primary); box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .18); }
.field input::placeholder { color: var(--muted-light); }

.captcha-wrap { background: #0d1630; border-color: var(--border); }
.captcha-q { color: #e2e8f0; }
.captcha-wrap input[type="text"] { background: #0d1630; color: var(--text); border-color: var(--border); }

.article-content code { background: #16233c; border-color: var(--border); color: #dbeafe; }
.article-content blockquote { background: #0d1630; border-color: #1f2b45; color: var(--muted); }
.article-content th { background: #16233c; }

.flash-success { background: #064e3b; color: #a7f3d0; border-color: #065f46; }
.flash-error { background: #7f1d1d; color: #fecaca; border-color: #b91c1c; }
.flash-warning { background: #78350f; color: #fde68a; border-color: #b45309; }

.lang-switch-2::before { background: #1e293b; }
.lang-switch-2 a.active { color: #fff; }

.site-footer { background: #020617; }