/* hi null -forest */

/* standardized color palette */

:root {
  /* color accents */
--indigo-1:#1b1f13 !important;
--indigo-2:#283c0f !important;
--indigo-3:#657a1a !important;

/* what happened to indigo-4? -forest */

--indigo-5:#9bbd1e !important;
--indigo-6:#bee748 !important;
--lime: #e4ffa8 !important;
--goldenrod-2:#fff9df !important;

/* what happened to goldenrod-1?? -forest */

/* background-type stuff */

--dark-1:#0e0e0c !important;
--dark-2:#262621 !important;
--dark-3:#393b2d !important;
--dark-4:#626652 !important;
--dark-5:#7b8460 !important;

/* text type stuff */

--light-1:#ccc6b1 !important;
--light-2:#a6a48b !important;

/* extra */

--warn:#d97e2e !important;
--warndark:#b33b0f !important;

/* predefined from default css */

:root {
  --dropdown-border-color: var(--dark-3) !important;
  --dropdown-background-color: var(--dark-2) !important;
  --dropdown-shadow: 0 20px 25px -5px rgba(0,
  0,
  0,
  .25),
  0 8px 10px -6px rgba(0,
  0,
  0,
  .25);
  --modal-background-color: var(--dark-2) !important;
  --modal-background-variant-color: var(--dark-1) !important;
  --modal-border-color: var(--dark-3) !important;
  --background-border-color: var(--indigo-2) !important;
  --background-color: var(--dark-1) !important;
  --background-color-tint: var(--dark-2) !important;
  --surface-background-color: var(--dark-2) !important;
  --surface-variant-background-color: var(--dark-2) !important;
  --surface-variant-active-background-color: var(--dark-3) !important;
  --surface-border-color: var(--dark-2) !important;
  --on-surface-color: var(--dark-3) !important;
  --avatar-border-radius: 8px;
  --media-outline-color: rgba(194, 255, 82, 0.15);
  --overlay-icon-shadow: drop-shadow( 0 0 8px rgba(0,
  0,
  0,
  .35) );
  --error-background-color: var(--warndark) !important;
  --error-active-background-color: var(--warn) !important;
  --on-error-color: var(--dark-1);
  --rich-text-container-color: rgb(63, 87, 24);
  --rich-text-text-color: var(--indigo-1) !important;
  --rich-text-decorations-color: var(--indigo-5) !important;
  --nested-card-background: var(--indigo-2);
  --nested-card-text: hsl(67, 25%, 36%);
  --nested-card-border: 1px solid rgba(251,255,248,
  .15);
  --input-placeholder-color: var(--dark-4) !important;
  --input-background-color: var(--dark-3) !important;
  --on-input-color: var(--indigo-6) !important;
  --surface-variant-background-color: var(--dark-1) !important;
}

body{
color: var(--light-1) !important;
background-color: var(--dark-1) !important;
}

a:link {
  color: .public-layout .footer .legal-xs a, .public-layout .footer ul a
  /* what?? */
  /* yeah idk either lol -- null */
}

a:visited {
  color: var(--indigo-6);
}

a:hover {
  color: var(--indigo-6);
}

a:active {
  color: var(--indigo-6);
}

.status__content {
color: var(--light-1);
}

.detailed-status {
background-color: rgba(24,25,21,0.5);
}

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

.column > .scrollable {
background-color: rgba(24,25,21,0.5);
}

.column {
  flex:1 !important;
}

.search__input{
background-color: var(--dark-2);
}

.button {
  color: var(--light-1);
  background-color: var(--indigo-3);
}

.button:active, .button:focus, .button:hover {
color: #0e0e0c;
background-color: var(--indigo-6);

}

.status__prepend {
background-color: none;
}

.tabs-bar__wrapper {
background: var(--dark-1);
}

.tabs-bar {
background-color: var(--dark-2);
}

.tabs-bar__link.active {
border-bottom: 2px solid var(--indigo-6);
color: var(--indigo-6);
}

.tabs-bar__link:hover {
background: var(--dark-1);
}

.tabs-bar__link:focus {
background: var(--dark-1);
}

.column-header {
background: var(--dark-2);
}

.column-header__button {
color: var(--indigo-3);
background: var(--dark-2);
}

.column-header__button:hover {
  color: var(--indigo-3);
}

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

.column-link--transparent.active {
  color: var(--indigo-6);
}

.column-link--transparent {
  color: var(--indigo-6);
}

.detailed-status__action-bar {
background: var(--dark-2);
}

.status__content__read-more-button {
color: var(--indigo-6);
}

.status {
  border-bottom: 1px solid #000;
}

.reply-indicator {
  background: var(--dark-3);
}

.reply-indicator__content a.mention:hover span, .status__content a.mention:hover span {
color: var(--indigo-6);
}

.reply-indicator__content a, .status__content a {
color: var(--indigo-6);
}

.floating-action-button {
background: var(--indigo-6);
}

.floating-action-button:hover {
background: var(--indigo-6);
}

.icon-button{
color: var(--indigo-3);
}

.icon-button:active, .icon-button:focus, .icon-button:hover{
color: var(--indigo-3);
}

.announcements {
background: var(--dark-2);

}

.column-header__collapsible-inner {
  background: var(--dark-1);
  padding: 15px;
}

.column-settings__section {
  color: var(--light-1);
  cursor: default;
  font-weight: 500;
}

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

.react-toggle--checked .react-toggle-track {
  background: var(--indigo-5);
}

.react-toggle--checked .react-toggle-track:hover {
  background: var(--indigo-5);
}

.getting-started__footer p {
  color: var(--dark-4);
}

.trends__item__name {
  color: var(--light-2);
}

.getting-started__trends h4 {
  color: var(--light-1);
}

.getting-started__trends .trends__item__current {
  color: var(--light-2);
}

.attachment-list__list a {
  color: var(--dark-5);
}

.attachment-list.compact .fa {
  color: var(--dark-5);
}

.icon-button.star-icon.active, .notification__favourite-icon-wrapper .star-icon {
  color: var(--warn);
}

.notification-ungrouped__header__icon, .notification__ungrouped__header, .notification-group__main__header__label {
  color:var(--dark3);
}

.reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link {
  background: var(--dark-5);
}

.reply-indicator__content .status__content__spoiler-link:focus, .reply-indicator__content .status__content__spoiler-link:hover, .status__content .status__content__spoiler-link:focus, .status__content .status__content__spoiler-link:hover {
  background: var(--dark-2);
}

.status__content__spoiler-link {
  color: var(--dark-1);
}


.layout-single-column .ui__header {
    background: var(--dark-1);
    border-bottom: 1px solid var(--dark-2);
}


/* WRITE A TOOT BOX -------------- */

.dropdown-button {
  color: var(--indigo-6);
  border: 1px solid var(--indigo-6);
}
.compose-form .compose-form__warning {
  color:var(--goldenrod-2);
  background: var(--warn);
}

.compose-form__highlightable {
    background: var(--dark-2);
  }

  .compose-form .autosuggest-textarea__textarea {
    color: var(--light-1);
    background: none;
  }

.privacy-dropdown__option.active, .privacy-dropdown__option:hover {
  background: var(--indigo-3);
  color: var(--dark-1);
  outline: 0;
}

.privacy-dropdown.active .privacy-dropdown__value.active {
  background: var(--indigo-5);
}

.text-icon-button.active {
  color: var(--indigo-5);
}

.icon-button.inverted.active {
  color: var(--indigo-5);
}

.dropdown-menu__item a:active, .dropdown-menu__item a:focus, .dropdown-menu__item a:hover, .dropdown-menu__item button:active, .dropdown-menu__item button:focus, .dropdown-menu__item button:hover {
  background: var(--indigo-3);
}

/* NAV PANEL ON MOBILE ___________ */
.columns-area__panels__pane--navigational .navigation-panel {
  background: var(--dark-1);
  border-left: 1px solid var(--indigo-2);
}

#navigation-panel__publish i {
  background-color: var(--indigo-6);
  color: #fff;
}


/* WRITE A TOOT PAGE -------------- */

.drawer__inner {
background: rgba(24,25,21,0.5);

}

.drawer__inner__mastodon{
background: rgba(24,25,21,0.5) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%23282C37"/></svg>') no-repeat bottom/100% auto;
}

.reply-indicator{
background: none;
}



/* ---THE LINKS/INFO UNDER THE TOOT BOX--- */
.link-footer p {
  color: var(--light-2);
}

.link-footer p a {
  color: var(--indigo-6);
}



/* THAT PAGE THAT COMES UP WHEN YOU SUB TO AN ACCOUNT ON A DIFFERENT INSTANCE --- */

.modal-layout{
color: var(--light-1);
background-color: var(--dark-1);
}



/* PROFILE MINI ----------------- */

.account-role {
  border: 1px solid var(--indigo-6);
  color: var(--indigo-6);
}

.column-back-button {
background: var(--dark-2);
color: var(--indigo-6);
}

.account__header__bar{
background: rgba(14,14,12,0.4);
}

.button.logo-button{
background: var(--indigo-6);
}

.button.logo-button:active, .button.logo-button:focus, .button.logo-button:hover{
background: var(--indigo-6);
}

.account__header__tabs__name h1 small{
color: var(--indigo-6);
}

.account__header__bio .account__header__content {
  color: var(--light-1);
}


.account__header__bio .account__header__fields {
  margin: 16px 0 0;
  border-radius: 4px;
  background: none;
  border: 0;
}

.account__header__bio .account__header__fields dt {
  text-transform: uppercase;
  color: var(--light-1);
}

.account__header__bio .account__header__fields dd {
  color: var(--light-2);
}

.account__header__fields dt{
color: var(--light-1);
background: none;
}

.account__header__fields dd{
color: var(--light-1);
}

.account__header__bio .account__header__fields a{
color: var(--indigo-6);
}

.account__header__bio .account__header__joined{
color: var(--light-1);
}

.account__header__extra__links a {
  color: var(--indigo-6);
  font-weight: 500;
}

.account__section-headline, .notification__filter-bar{
background: rgba(24,25,21,0.7);
}

.notification__relative_time, .status__relative-time{
color: var(--light-1);
}



/* PROFILE MAIN -------------- */

.public-layout .public-account-header__bar::before{
background: var(--dark-2);
}

.public-layout .public-account-header__bar .avatar img{
border-color: var(--dark-3);
}

.account__header__bar .avatar .account__avatar {
  background: #000;
  border: 4px solid var(--dark-1);
}

.public-layout .public-account-header__tabs__tabs .counter{
color: var(--indigo-6);
border-bottom-color: var(--indigo-6);
}

.public-layout .public-account-header__tabs__tabs .counter.active::after{
border-bottom-color: var(--indigo-6); 
}

.activity-stream .entry{
background-color: rgba(24,25,21,0.5);
}

.public-layout .public-account-bio{
background-color: rgba(24,25,21,0.5);
}

.public-layout .public-account-bio .account__header__fields a{
color: var(--indigo-6);
}

.public-layout .public-account-bio .roles, .public-layout .public-account-bio__extra{
color: var(--indigo-6);
}

.nothing-here{
color: var(--light-1);
background-color: rgba(24,25,21,0.5);
}

.card__bar{
background-color: rgba(24,25,21,0.5);
}

.card__bar .display-name span{
color: var(--light-1);
}

.account__header {
  overflow: none;
  background: var(--dark-1);
}

.account__header__bar {
  background: rgba(255, 255, 255, 0);
}

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

.directory__tag.active > a {
background: var(--indigo-6);
}

/* NOTIFICATIONS ------------ */

.account__section-headline, .notification__filter-bar{
background: rgba(47,60,33,0.8);
}

.account__section-headline button, .notification__filter-bar button{
background: rgba(47,60,33,0.8);
}

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

.account__section-headline a, .account__section-headline button, .notification__filter-bar a, .notification__filter-bar button{
color: var(--light-1);
}

.notification__message .fa{
color: var(--indigo-6);
}

.notification__message{
color: var(--light-1);
}

.muted .status__content, .muted .status__content a, .muted .status__content p, .muted .status__display-name strong{
color: var(--light-1);
}

.status__display-name {
color: var(--indigo-6);
}

.empty-column-indicator, .error-column, .follow_requests-unlocked_explanation {
background: none;
color: var(--light-1);
}

.icon-button.active{
color: var(--indigo-6);
}

/* OTHER STUFF -------------- */

.page-header{
background-color: rgba(24,25,21,0.5);
}

.page-header p {
color: var(--light-1);
}


/* ABOUT PAGE STUFF --------- */

.box-widget {
background: none;
background-color: rgba(24,25,21,0.5);
}

.simple_form__overlay-area__overlay{
background: rgba(24,25,21,0.2);
}

.landing .simple_form .user_agreement .label_input > label, .landing .simple_form p.lead {
color: var(--light-1);
}

.simple_form .button {
  background-color: var(--indigo-6); 
}

.simple_form .block-button:hover, .simple_form .button:hover, .simple_form button:hover {
  background-color: var(--indigo-6); 
}

.hero-widget__text {
background: none;
background-color: rgba(24,25,21,0.5);
color: var(--light-1);
}

.landing .hero-widget__footer
{
background: none;
background-color: rgba(24,25,21,0.5);
color: var(--light-1);
}

.landing .hero-widget h4 {
color: var(--light-1);
}

.landing .hero-widget__counter span {
color: var(--light-1);
}

.account .account__display-name {
color: var(--indigo-6);
}

.directory__tag > a, .directory__tag > div {
background-color: rgba(24,25,21,0.5);
}

directory__tag > a:active, .directory__tag > a:focus, .directory__tag > a:hover {
  background: rgba(47,60,33,0.8);
}

.directory__tag h4 small {
color: var(--light-1);
}

.directory__tag h4 .fa {
  color: #afc89b;
}

.public-layout .footer .legal-xs a, .public-layout .footer ul a {
color: var(--indigo-6);
}

.public-layout .footer .grid .column-2 h4 a {
color: var(--light-1);
}

.public-layout .footer h4 {
color: var(--light-1);
}

.public-layout .footer .brand svg {
fill: var(--indigo-6);
}

.public-layout .footer .brand:active svg, .public-layout .footer .brand:focus svg, .public-layout .footer .brand:hover svg {
fill: var(--indigo-6);
}



/* ABOUT PAGE MORE STUFF --------- */

.public-layout .header {
background: var(--dark-2);
}

.public-layout .header .nav-link {
color: none;
}

.public-layout .header .nav-link:active, .public-layout .header .nav-link:focus, .public-layout .header .nav-link:hover {
color: var(--indigo-6);
}

.public-layout .header .brand:active, .public-layout .header .brand:focus, .public-layout .header .brand:hover {
background: var(--dark-1);
}

.public-layout .header .nav-button{
background: var(--dark-3);
}

.public-layout .header .nav-button:active, .public-layout .header .nav-button:focus, .public-layout .header .nav-button:hover{
background: var(--dark-3);
}

.public-layout .header .nav-link
{
color: var(--indigo-6);
}


.landing-page__call-to-action {
background: rgba(24,25,21,0.5);
}


.contact-widget{
color: var(--light-1);
}

.contact-widget h4 {
color: var(--light-1);
}

.contact-widget > a {
color: var(--indigo-6);
}


.table-of-contents{
background: rgba(24,25,21,0.5);
}


.rich-formatting{
color: var(--light-1);
}

.rich-formatting p{
color: var(--light-1);
}

.rules-list li{
color: var(--light-1);
}

.rich-formatting h1, .rich-formatting h2, .rich-formatting h3, .rich-formatting h4, .rich-formatting h5, .rich-formatting h{
color: var(--light-1);
}

.rules-list{
background: rgba(47,60,33,0.4);
}

/* odds and ends - we will get rid of this purple as much as possible */

.poll__chart.leading, .react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background:var(--indigo-6);
}

.poll-chart, .poll progress::-webkit-progress-bar, .poll progress::-moz-progress-bar, .poll progress::-webkit-progress-value, .react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track, .error-boundary button.copied,.app-holder noscript button.copied {
  background:var(--indigo-5);
}

.account-header .name, .character-counter, .status__prepend, .link-button, .accounts-table tbody td.accounts-table__extra a:focus,.accounts-table tbody td.accounts-table__extra a:hover,.accounts-table tbody td.accounts-table__extra a:active, .accounts-table .icon.active, .simple_form .input.boolean label a, .simple_form .lead a, .simple_form .hint a, .flash-message, .quick-nav a, .account-role, .account__header__fields a, .button.button-secondary, .button.button--plain, .icon-button.active, .icon-button.active:hover,.icon-button.active:active,.icon-button.active:focus-visible, .text-icon-button.active, .text-icon-button:active:hover,.text-icon-button.active:active,.text-icon-button.active:focus, .compose-form__actions .icon-button, .compose-form__actions .icon-button:hover,.compose-form__actions .icon-button:focus,.compose-form__actions .icon-button:active, .compose-form__actions .icon-button.disabled, .compose-form__poll__select__value, .dropdown-button, .dropdown-button[disabled], .status__content a.unhandled-link,.edit-indicator__content a.unhandled-link,.reply-indicator__content a.unhandled-link, .edit-indicator__content a, .announcements__item__content a.unhandled-link, .status__content__read-more-button,.status__content__translate-button, .status__wrapper--filtered__button, .detailed-status__wrapper-direct .status__prepend, .account__domain-pill, .account__domain-pill__popout__handle, .account__domain-pill__popout__parts__icon, 
.notification__message .icon, .dropdown-menu__item--highlighted, .ui__navigation-bar__item.active, .column-back-button, .column-header__back-button, .timeline-hint a, .column-header__select-row__mode-button, .column-header.active .column-header__icon, .empty-column-indicator a, .search-results__section__header button, .report-dialog-modal__lead a, 
noscript div a, .prose a, .dismissable-banner__message h1, .warning-banner__message h1, .about__section__title, .batch-table__select-all button, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a, .filters .filter-subset a.selected, .back-link a, .report-notes__item__content a, .strike-card a,.history>li:before, .status__card>details summary:after {
  color:var(--indigo-6);
}

.progress-tracker .active .circle, .progress-tracker .completed .circle, .dropdown-button[disabled], .copy-paste-text:focus,.copy-paste-text.focused {
  border-color:var(--indigo-6);
}

.progress-tracker .completed .circle, .compose-form .spoiler-input__input, .loading-bar {
  background:var(--indigo-6);
  background-color:var(--indigo-6);
}


.button.button.secondary, .flash-message, .account-role {
  border:1px solid var(--indigo-5);
}

.filters .filter-subset a.selected {
  border-bottom:2px solid var(--indigo-5);
}

.quick-nav a:hover, .quick-nav a:focus, .quick-nav a:active {
  color:var(--light-2);
}

.icon-person-add path {
  fill: var(--indigo-5);
}

.getting-started_trends h4 a, .accounts-table .icon.active.passive {
  color:var(--indigo-5);
}

.accounts-table .icon.passive {
  color:var(--indigo-3);
}

.simple_form .hint code {
  color:var(--indigo-2) !important;
}

.content-warning {
  background-color:var(--indigo-1);
  color:var(--light-1) !important;
}

.notification-group, .account-header {
  border-bottom:1px solid var(--indigo-2) !important;
}

.notification-group__main__status, .drawer__header, .drawer__pager {
  border:1px solid var(--dark-3) !important;
}

.drawer__tab, .search__input {
  border-color:var(--indigo-2) !important;
}

.notification-group__embedded-status__content {
  color:var(--light2) !important;
}

.compose-form .spoiler-input__input {
  color:var(--dark2) !important;
}

.drawer__inner__mastodon{
background: rgba(24,25,21,0.5) url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 234.80078 31.757813" width="234.80078" height="31.757812"><path d="M19.599609 0c-1.05 0-2.10039.375-2.90039 1.125L0 16.925781v14.832031h234.80078V17.025391l-16.5-15.900391c-1.6-1.5-4.20078-1.5-5.80078 0l-13.80078 13.099609c-1.6 1.5-4.19883 1.5-5.79883 0L179.09961 1.125c-1.6-1.5-4.19883-1.5-5.79883 0L159.5 14.224609c-1.6 1.5-4.20078 1.5-5.80078 0L139.90039 1.125c-1.6-1.5-4.20078-1.5-5.80078 0l-13.79883 13.099609c-1.6 1.5-4.20078 1.5-5.80078 0L100.69922 1.125c-1.600001-1.5-4.198829-1.5-5.798829 0l-13.59961 13.099609c-1.6 1.5-4.200781 1.5-5.800781 0L61.699219 1.125c-1.6-1.5-4.198828-1.5-5.798828 0L42.099609 14.224609c-1.6 1.5-4.198828 1.5-5.798828 0L22.5 1.125C21.7.375 20.649609 0 19.599609 0z" fill="%231f2316"/></svg>') no-repeat bottom/100% auto !important;
}

.hashtag-bar {
  color:var(--indigo-6) !important;
}

.hashtag-bar a {
  background:var(--indigo-1) !important;
}

.notification-group {
  border-bottom:1px solid var(--indigo2) !important;
}

.trends__item__sparkline path:first-child {
  fill:var(--indigo-2) !important;
}

.trends__item__sparkline path:last-child {
  stroke:var(--indigo-5) !important;
}

/* scrollbar madness - maybe one day it will be standardized, but not today! */


@supports not selector(::-webkit-scrollbar) {
  html {
    scrollbar-color:var(--indigo-3) !important;
  }
  
  .custom-scrollbars ::-webkit-scrollbar-thumb {
    border:2px var(--indigo-1);
    box-shadow:inset 0 0 0 2px var(--indigo-1) !important;
  }


.custom-scrollbars ::-webkit-scrollbar-track {
  background-color:var(--indigo-3) !important;
}


  a:focus {
    outline: solid 2px var(--indigo-5);
  }

  .error-boundary,.app-holder noscript {
    color:var(--warn);
  }

  .error-boundary__footer,.app-holder noscript__footer, .error-boundary__footer a,.app-holder noscript__footer a, .error-boundary button,.app-holder noscript button {
    color:var(--indigo-5);
  }
}