/* ---------- BASE ---------- */

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background-color: var(--surface-app);
  color: var(--text-body);
}

.marketing-page {
  padding-top: 0;
}

.marketing-page .navbar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
}

.marketing-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1030;
  border-bottom: 1px solid rgba(148, 163, 184, 0.28);
  background: rgba(11, 18, 32, 0.94) !important;
  box-shadow: 0 10px 24px rgba(2, 6, 23, 0.28);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}

.marketing-page .marketing-navbar {
  background: var(--surface-marketing-solid) !important;
  box-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body.marketing-page .marketing-navbar .navbar-brand {
  color: var(--text-inverse);
}

body.marketing-page .marketing-navbar .navbar-brand:hover,
body.marketing-page .marketing-navbar .navbar-brand:focus {
  color: var(--text-inverse);
}

body.marketing-page .marketing-navbar .nav-link {
  color: rgba(255, 255, 255, 0.55);
}

body.marketing-page .marketing-navbar .nav-link:hover,
body.marketing-page .marketing-navbar .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

body.signed-in-app {
  background: var(--surface-app);
  color: var(--text-body);
}

body.signed-in-app .app-main a {
  color: var(--accent-color);
}

body.signed-in-app .app-main a:hover {
  color: var(--accent-color-hover);
}