:root {
  --ox-bg: #f6f6f4;
  --ox-card: #ffffff;
  --ox-text: #121212;
  --ox-muted: #6f6f6a;
  --ox-border: #e6e6e1;
  --ox-primary: #111111;
  --ox-primary-text: #ffffff;
  --ox-radius: 14px;
  --ox-radius-sm: 10px;
}

/* Base */
html, body, .app-body, .ui {
  background: radial-gradient(circle at 10% -10%, #ffffff 0%, var(--ox-bg) 50%) !important;
  color: var(--ox-text) !important;
  font-family: "Manrope", "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif !important;
}

a, .link-footer a, .status__display-name strong {
  color: var(--ox-text) !important;
}

/* Inputs */
input, textarea, select, .search__input {
  background: #fff !important;
  color: var(--ox-text) !important;
  border: 1px solid var(--ox-border) !important;
  border-radius: var(--ox-radius-sm) !important;
}

/* Buttons */
.button,
button,
.compose-form__publish-button-wrapper .button,
.icon-button {
  border-radius: var(--ox-radius-sm) !important;
}

.button,
.compose-form__publish-button-wrapper .button {
  background: var(--ox-primary) !important;
  color: var(--ox-primary-text) !important;
  border: 1px solid var(--ox-primary) !important;
}

.button:hover,
.compose-form__publish-button-wrapper .button:hover {
  filter: brightness(1.06);
}

/* Secondary actions */
.button.button-tertiary,
.button.button-secondary,
.icon-button {
  background: #fff !important;
  color: var(--ox-text) !important;
  border: 1px solid var(--ox-border) !important;
}

/* Subtle separators/text */
.status__relative-time,
.display-name__account,
.account__header__content,
.compose-form__warning,
.muted,
.setting-text__hint {
  color: var(--ox-muted) !important;
}

/* Chips / tabs */
.trends__item__current,
.filter-form .filter-form__keywords .keyword,
.tabs-bar__link {
  border-radius: 999px !important;
}