/* Custom styles for DakotaMosier.com Coming Soon */
:root{
  --bg: #0b1220;
  --bg-2: #0f1b2d;
  --brand: #7cc0ff;
  --brand-2: #a58bff;
  --text: #e6edf3;
}

* { box-sizing: border-box; }

html, body {
  background: radial-gradient(1200px 700px at 10% 10%, var(--bg-2), var(--bg));
  color: var(--text);
  font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}

#hero {
  isolation: isolate;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 120%;
  height: 120%;
  object-fit: cover;
  transform: rotate(0.0001deg) translate3d(0,0,0);
  filter: blur(2px) opacity(0.45);
  pointer-events: none;
}

.gradient-overlay {
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 60% at 50% 30%, rgba(124,192,255,0.25), transparent 60%),
              radial-gradient(40% 40% at 80% 70%, rgba(165,139,255,0.25), transparent 60%);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 0;
}

.logo-wrap .logo {
  width: 84px;
  height: 84px;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.35));
}

h1, .lead {
  text-shadow: 0 6px 24px rgba(0,0,0,0.35);
}

.btn-primary {
  --bs-btn-bg: linear-gradient(135deg, var(--brand), var(--brand-2));
  --bs-btn-border-color: transparent;
  --bs-btn-hover-bg: linear-gradient(135deg, var(--brand-2), var(--brand));
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-bg: linear-gradient(135deg, var(--brand-2), var(--brand));
}

.btn-outline-light {
  --bs-btn-color: var(--text);
  --bs-btn-border-color: rgba(255,255,255,.35);
  --bs-btn-hover-bg: rgba(255,255,255,.1);
  --bs-btn-hover-border-color: rgba(255,255,255,.5);
}

footer {
  opacity: .8;
}

/* Prefer dark mode adjustments (kept subtle, base is already dark) */
@media (prefers-reduced-motion: no-preference) {
  .logo { animation: float 8s ease-in-out infinite; }
  @keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-6px); }
  }
}