/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/nunito-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('assets/fonts/nunito-v32-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
  --brand-bg: #202070;
  --brand-accent: #80c0f0;
  --brand-text: #e2e8f0;
  --body-text: #0f172a;
}
html { scroll-behavior: smooth; }
body { font-family: "Nunito"; color: var(--body-text); }
.navbar { backdrop-filter: saturate(180%) blur(8px); }
.navbar-brand strong { letter-spacing: .3px; }
.hero {
  background: #282878;
  color: var(--brand-text);
}
.hero .lead { color: #cbd5e1; }
.kicker { text-transform: uppercase; font-weight: 700; letter-spacing: .08em; font-size: .8rem; color: var(--brand-accent); }
.section-title { font-weight: 700; }
.badge-soft {
  background: rgba(56,189,248,.12);
  color: var(--brand-accent);
  border: 1px solid rgba(56,189,248,.25);
}
.icon-circle{
  width:56px;height:56px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(0,0,0,.08);
}
.card{ border-radius: 1rem; }
figure.placeholder{
  aspect-ratio: 16/10; background: #f1f5f9; border:1px dashed #94a3b8; border-radius: 1rem;
  display:flex; align-items:center; justify-content:center; color:#64748b;
}
footer { color:#475569; }
:target { scroll-margin-top: 96px; }

/* Active link on scroll */
.nav-link.active { color: var(--brand-accent) !important; }

/* Optional dark mode */
@media (prefers-color-scheme: dark) {
  :root{ --body-text: #e2e8f0; }
  body { color: var(--body-text); background:#0b1220; }
  .card{ background:#0b1324; border-color: rgba(255,255,255,.06); }
  figure.placeholder{ background:#0b1324; border-color:#1f2a44; color:#9fb3c8; }
  .navbar{ background: rgba(2,6,23,.7) !important; }
}
/* Manual theme override */
:root[data-theme='dark']{
  --body-text: #e2e8f0;
  --brand-bg: #0b1220;
  --brand-text: #e2e8f0;
}
:root[data-theme='dark'] body{ background:#0b1220; color:var(--brand-text); }
:root[data-theme='dark'] .navbar{ background: rgba(2,6,23,.85) !important; }


/* custom */
#reserve {
  background: #82d2f5;
}

#problem, #solution, #features, #team, #cta, footer, .figure-caption {
  background: #c8e6ff;
  color: #282878;
}

.text-muted {
  color: #282878 !important;
}

.btn.indigogo {
  background-image: url("assets/support_nomadic_cool.jpg");
  width: 300px;
  height: 100px;
  
  background-size: cover;    /* oder contain, je nach Motiv */
  background-repeat: no-repeat;
  background-position: center;
  text-indent: -9999px;      /* Text ausblenden, falls du nur das Bild sehen willst */
  overflow: hidden;
  border: none;
  cursor: pointer;
  /*transition: background-image 0.3s ease-in-out, transform 0.2s ease;*/
}
.btn.indigogo:hover {
  background-image: url('assets/support_nomadic_cool_mouseover.jpg');
  /*transform: scale(1.03);  leichter Zoom-Effekt beim Hover */
}