/* URBEX SOCIAL — neon green + black */
:root,
body {
  --color-bg-primary: #090c0a;
  --color-bg-secondary: #111612;
  --color-bg-tertiary: #19201a;

  --color-text-primary: #f1f7f1;
  --color-text-secondary: #b0bcb2;

  --color-border-primary: #2b372e;
  --color-border-secondary: #202a23;

  --color-bg-brand-base: #a3ff12;
  --color-bg-brand-base-hover: #c0ff65;
  --color-bg-brand-softest: #18260d;
  --color-text-brand: #a3ff12;
  --color-text-brand-soft: #c0ff65;
  --color-text-on-brand-base: #080b05;
  --color-border-brand: #a3ff12;
  --outline-focus-default: 2px solid #a3ff12;
}

body,
.app-holder,
.ui {
  background-color: #050705;
  color: #f1f7f1;
}

.column > .scrollable,
.getting-started,
.drawer__inner {
  background-color: #0c100d;
}

.column-header,
.column-back-button {
  background-color: #111612;
  color: #f1f7f1;
  box-shadow: inset 0 2px 0 #a3ff12;
}

.status,
.notification {
  border-bottom-color: #253028;
}

.status__content {
  color: #f1f7f1;
}

.status__content a,
.status__content a.unhandled-link,
.ui__header__logo::after,
.navigation-panel__logo > a::after,
.logo-container > a::after {
  color: #a3ff12;
}

.navigation-panel .column-link:hover,
.navigation-panel .column-link.active {
  background-color: #18260d;
  color: #a3ff12;
}

.search__input {
  background-color: #111612;
  color: #f1f7f1;
  border-color: #2b372e;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline-color: #a3ff12;
}

::selection {
  background-color: #a3ff12;
  color: #050705;
}

/* Hide Mastodon’s built-in web logos */
.logo,
.logo--wordmark,
.logo--icon {
  display: none !important;
}

/* Replace header branding with text */
.ui__header__logo::after,
.navigation-panel__logo > a::after,
.logo-container > a::after {
  content: "URBEX SOCIAL";
  display: block;
  color: #ffc568;
  font-family: inherit;
  font-size: 22px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.3;
}

/* Force the Urbex Social heading to neon green */
.navigation-panel__logo,
.navigation-panel__logo a,
.navigation-panel__logo::before,
.navigation-panel__logo::after,
.navigation-panel__logo a::before,
.navigation-panel__logo a::after,
.ui__header__logo,
.ui__header__logo::after,
.logo-container > a::after {
  color: #a3ff12 !important;
}