/* Dark theme base */
:root {
  --bg-black: #000000;
  --bg-deep: #0a0a0a;
  --bg-charcoal: #1a1a1a;
  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #64748b;
  --accent: #6b46c1;
}

html, body {
  height: 100%;
  background-color: var(--bg-black);
}

 /*************************
 Hero Section (image fits width, keeps aspect)
 *************************/
 .hero { background-color: var(--bg-black); }
 .hero-img { display: block; width: 100%; height: auto; }

/*************************
 Utilities & tweaks
*************************/
.border-dark { border-color: #222 !important; }

a.btn-outline-light:hover { color: #000; }

/* Form styling tweaks */
.form-control.bg-dark {
  background-color: var(--bg-charcoal) !important;
  border-color: #2b2b2b;
}
.form-control.bg-dark:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 .25rem rgba(107, 70, 193, 0.25);
}

.btn-primary {
  background-color: var(--accent);
  border-color: var(--accent);
}
.btn-primary:hover {
  filter: brightness(1.1);
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}