/* Small shared UI layer for simple pages moving away from final-fixes.css. */

.button {
  font-family: Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

html:not(.dark-theme) body :where(.eyebrow) {
  color: var(--accent, #0f8f4f) !important;
}

html.dark-theme body :where(.eyebrow),
body.dark-theme :where(.eyebrow) {
  color: var(--accent, #1ed47a) !important;
}

html:not(.dark-theme) body :where(.button.secondary, .button.ghost) {
  color: #10130f !important;
}

html.dark-theme body :where(.button.secondary, .button.ghost),
body.dark-theme :where(.button.secondary, .button.ghost) {
  color: #fffaf0 !important;
}

html:not(.dark-theme) body :where(.button.primary) {
  color: #06100b !important;
}

html.dark-theme body :where(.button.primary),
body.dark-theme :where(.button.primary) {
  color: #06100b !important;
}

@media (max-width: 760px) {
  body {
    padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important;
  }
}