:root {
  --background-color: #2A3A2A;
  --background-border-color: #162636;
  --dropdown-background-color: rgb(from var(--background-color) calc(r * 0.3) calc(g * 0.3) calc(b * 0.3)); 
  --input-background-color: rgb(from var(--background-color) calc(r * 0.9) calc(g * 0.9) calc(b * 0.9));
  --surface-variant-background-color: rgb(from var(--background-color) calc(r * 0.6) calc(g * 0.6) calc(b * 0.6));
  --text-color: #ddb;
  --input-placeholder-color: rgb(from var(--text-color) calc(r * 0.6) calc(g * 0.6) calc(b * 0.6));
  --subtext-color: rgb(from var(--text-color) calc(r * 0.6) calc(g * 0.6) calc(b * 0.6));
  --icon-color: rgb(from var(--text-color) calc(r * 0.9) calc(g * 0.9) calc(b * 0.9));
  --button-color: #A69; 

  color: var(--text-color);
  background: var(--background-color);
  
}

body {
  color: var(--text-color);
}

body.system-font {
  font-family: mastodon-font-monospace, monospace;
}

.hashtag-bar {
  color: var(--text-color);
}

.account .account__display-name,
.status__display-name .display-name strong, .account__display-name .display-name strong {
  color:  var(--text-color);
}

.status__content, .edit-indicator__content, .reply-indicator__content {
  color: var(--text-color);
}

.status__content a, .edit-indicator__content a, .reply-indicator__content a {
  color: rgb(from var(--text-color) calc(r * 0.9) calc(g * 0.9) calc(b * 0.9));
}

.status__content a.unhandled-link, .edit-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link {
  color: var(--subtext-color);
}

.status__relative-time {
  color: var(--subtext-color);
}

.simple_form textarea {
  background: var(--input-background-color);
  color: var(--text-color);
}

.button, 
.simple_form .btn {
  color: var(--text-color);
  background: var(--button-color);
}

.button:focus, .button:active, .button:hover,
.simple_form .btn:focus, .simple_form .btn:active, .simple_form .btn:hover {
  color: var(--text-color);
  background: rgb(from var(--button-color) calc(r * 1.1) calc(g * 1.1) calc(b * 1.1));
}

.status-card {
  color: var(--subtext-color);
}

.status-card__author, 
.status-card__title {
  color: var(--text-color);
}

a.status-card:hover .status-card__title, a.status-card:hover .status-card__host, a.status-card:hover .status-card__author, a.status-card:hover .status-card__description, a.status-card:focus .status-card__title, a.status-card:focus .status-card__host, a.status-card:focus .status-card__author, a.status-card:focus .status-card__description, a.status-card:active .status-card__title, a.status-card:active .status-card__host, a.status-card:active .status-card__author, a.status-card:active .status-card__description {
  color: var(--button-color);
}

.status__display-name,
.detailed-status__display-name {
  color:  var(--subtext-color);
}

.detailed-status__meta {
  color:  var(--subtext-color);
}

.column-header .column-header__back-button {
  color: var(--button-color);
}

.link-footer p,
.link-footer p a {
  color:  var(--subtext-color);
}

.trends__item__name,
.trends__item__name a {
  color:  var(--subtext-color);
}

.dropdown-button,
.dropdown-button__label {
  color:  var(--subtext-color);
  border-color: var(--subtext-color);
}

.icon-button,
.compose-form__actions .icon-button {
  color: var(--icon-color);
}

.icon-button:hover,
.compose-form__actions .icon-button:hover {
  color: rgb(from var(--icon-color) calc(r * 1.1) calc(g * 1.1) calc(b * 1.1));
}

.status__prepend {
  color: var(--subtext-color);
}

.column-link {
  color: var(--text-color);
}

.column-link.active {
  color: var(--button-color);
}

.column-header__button {
  color: var(--button-color);
}

.column-header.active .column-header__icon {
  color: var(--button-color);
}

.column-header__wrapper.active::before {
  background: radial-gradient(ellipse, rgb(from var(--button-color) r g b / 0.5), rgb(from var(--button-color) r g b / 0.0) 60%);
}

.admin-wrapper .sidebar ul a {
  color: var(--text-color);
}

.admin-wrapper .sidebar ul .simple-navigation-active-leaf a {
  color: var(--button-color);
}

.notification__filter-bar button.active::before, .notification__filter-bar a.active::before, .account__section-headline button.active::before, .account__section-headline a.active::before {
  color: var(--button-color);
  background: var(--button-color);
}