:root {
  --fs-bg: #05060a;
  --fs-bg-nav: #070812;
  --fs-bg-footer: #05060a;
  --fs-card: #10121c;
  --fs-border: #262b3a;
  --fs-text-muted: #9da3b7;
  --fs-accent: #38b6ff;
}

body.bg-body-dark {
  background-color: var(--fs-bg);
  color: #f5f5f5;
}

.bg-nav-dark {
  background: radial-gradient(circle at top left, #111525, #05060a);
}

.bg-footer-dark {
  background-color: var(--fs-bg-footer);
}

.bg-section-dark {
  background: radial-gradient(circle at top right, #12172a, #05060a);
}

.navbar .nav-link {
  font-weight: 500;
  color: #d4d7e6;
}
.navbar .nav-link:hover {
  color: var(--fs-accent);
}
.navbar .nav-link.active {
  color: #ffffff;
}

.fs-main {
  min-height: calc(100vh - 120px);
}

.hero-section {
  background: radial-gradient(circle at top left, #1b2135, #05060a);
}

.text-accent {
  color: var(--fs-accent) !important;
}

.hero-card {
  background-color: var(--fs-card);
  border-radius: 18px;
  border: 1px solid var(--fs-border);
}

.hero-badges .badge {
  font-weight: 500;
}

.bg-gradient-pill {
  background: linear-gradient(90deg, #38b6ff, #7f5dff);
  color: #fff;
  border-radius: 999px;
  padding: .45rem .9rem;
}

.text-muted {
  color: var(--fs-text-muted) !important;
}

footer {
  font-size: 0.85rem;
}

.fs-logo {
  height: 52px; /* или 44px / 48px, както ти харесва */
  width: auto;
}