:root {
  --goodos-topbar-layout-height: 77px;
  --goodos-topbar-surface: rgba(255, 255, 255, 0.98);
  --goodos-topbar-raised: #f8fafc;
  --goodos-topbar-border: #e2e8f0;
  --goodos-topbar-text: #0f172a;
  --goodos-topbar-muted: #64748b;
  --goodos-topbar-accent: #0ea5e9;
  --goodos-topbar-focus: #0ea5e9;
}

@media (max-width: 760px) {
  :root {
    --goodos-topbar-layout-height: 116px;
  }
}

.dark {
  --goodos-topbar-surface: rgba(7, 23, 45, 0.98);
  --goodos-topbar-raised: #0b223b;
  --goodos-topbar-border: #29455f;
  --goodos-topbar-text: #f8fafc;
  --goodos-topbar-muted: #7892aa;
}

.goodos-topbar__brand-mark {
  color: #fff;
  background: linear-gradient(145deg, #0ea5e9, #075985);
}

.goodfleet-mobile-menu-trigger {
  display: none !important;
}

@media (max-width: 760px) {
  .goodfleet-mobile-menu-trigger {
    display: inline-flex !important;
  }
}