/* Colour Variable Definitions */
:root {
    --main-colour: rgba(102, 17, 65, 1);
    --main-colour-transparent: rgba(102, 17, 65, 0.8);
    --main-colour-transparent-2: rgba(102, 17, 65, 0.6);
    --main-colour-transparent-3: rgba(102, 17, 65, 0.4);
    --secondary-colour: rgba(170, 85, 133, 1);
    --tertiary-colour: rgba(205, 136, 175, 1);
    --tertiary-colour-transparent: rgba(205, 136, 175, 0.8);
}

/* All */
body {
    background-image: radial-gradient( ellipse farthest-corner at 10px 10px , #000000, #000000 50%, #2a2a2a 50%);
    background-size: 10px 10px;
}

.link-footer p a, .status__content a, .edit-indicator__content a, .reply-indicator__content a, .admin-wrapper .content__heading__tabs a, .dropdown-button, .compose-form__actions .icon-button, .status__content a.unhandled-link, .edit-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link, .account__header__bio .account__header__fields a, .about__mail {
    color: var(--secondary-colour);
    border-color: var(--secondary-colour);
}

.column > .scrollable, .columns-area--mobile .scrollable, .navigation-panel__list-panel, .column-link:not(.column-link--logo), .content-wrapper, .compose-form__highlightable, .compose-form .autosuggest-textarea__textarea, .compose-form .spoiler-input__input, .search__input, .search__popout, .notification__filter-bar, .account__section-headline {
  background: white;
  color: black;
}

.navigation-panel__list-panel:hover, .column-link:not(.column-link--logo):hover, .button.button-tertiary:hover {
    background: var(--tertiary-colour-transparent);
    color: white;
}

.tabs-bar__wrapper, .hashtag-bar a, .search-results__section__header, .account__domain-pill {
    background-color: var(--main-colour);
}

.status__content, .edit-indicator__content, .reply-indicator__content, .account .account__display-name, .status__display-name, .simple_form .input.with_block_label > label, .simple_form .hint, .simple_form .lead, .admin-wrapper .content h2, .simple_form .input.with_label .label_input > label, .status__display-name .display-name strong, .account__display-name .display-name strong, .search__popout__menu__item, .search__popout h4, .search__popout__menu__message, .account__header__bio .account__header__content, .account__header__tabs__name h1 small, .notification__filter-bar button.active, .notification__filter-bar a.active, .account__section-headline button.active, .account__section-headline a.active, .notification__filter-bar button, .notification__filter-bar a, .account__section-headline button, .account__section-headline a, .account__header__extra__links a, .featured-carousel__header,
.account__header__bio .account__header__fields dd, .server-banner__introduction, .server-banner__description, .server-banner h4, .server-banner__number, .server-banner__number-label, .about__header p, .about__meta h4, .about__section__title, .notification-group__main__header__label, .notification-group__main__header__label bdi, .retention__table__box, .content-warning {
    color: black;
}

.tabs-bar__wrapper {
    padding-top: 0;
}

.navigation-bar, .link-footer, .server-banner {
    background: white;
    padding: 10px
}

.admin-wrapper .content__heading__tabs a.selected, .simple_form .btn:last-child, .button, .notification__filter-bar button.active::before, .notification__filter-bar a.active::before, .account__section-headline button.active::before, .account__section-headline a.active::before {
    background: var(--main-colour);
}

.simple_form .btn:last-child:hover, .admin-wrapper .content__heading__tabs a:hover, .admin-wrapper .content__heading__tabs a:focus, .admin-wrapper .content__heading__tabs a:active, .button:hover, .button.button-tertiary {
    background: var(--secondary-colour);
    color: white;
    border: none;
}

.admin-wrapper .sidebar ul .simple-navigation-active-leaf a, .detailed-status__meta .animated-number {
    color: var(--secondary-colour);
}

.hashtag-bar, .search-results__section__header,  .search-results__section__header button, .column-back-button, .account__domain-pill, .column-header .column-header__back-button {
    color: white;
}