/*
SETTINGS

  All theme settings can be modified here.
  You shouldn’t need to dive into any of the other sections
  unless you plan on doing things beyond changing colors and fonts. */

body {
  --font: Inter, "Segoe UI", Roboto, sans-serif;
  --toot-font: var(--font); /* Modify if different from the interface font */

  --actionable: rgb(70,153,248);
  --actionable-hover: rgb(50,133,228);

  /*--text: #fff;
  --text-secondary: rgba(255, 255, 255,.4);
  --background: #191b22;
  --background-alt: #2a2d44;

  --body: #111; /* image URLs and gradints can also be placed here */
*/
}


/* FONTS */

body,
body.system-font {
  font-family: var(--font);
}
.status__content {
  font-family: var(--toot-font);
}

.reply-indicator__content p, .status__content p {
  font-size: 16px;
  line-height: 1.2;
}

a.status-link,a,
a.column-link.column-link--transparent.active,
.public-layout .public-account-bio .account__header__fields a,
.reply-indicator__content a, .status__content a,
.column-back-button,
.account__header .account__header__username,
.account__header__fields a,
.emoji-mart-anchor-selected,
.column-header>.column-header__back-button,
.column-link:hover,
.reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link,
.status__content a.status-link, .status__content a.unhandled-link,
.text-icon-button.active,
.about__section__title,
.column-header__back-button {
  color: var(--actionable);
}

a.button>span { color: #fff; }

a.status-link:focus,
a.status-link:hover,
.public-layout .public-account-bio .account__header__fields a:hover,
.reply-indicator__content a, .status__content a:hover,
.column-back-button:hover,
.account__header .account__header__username:hover,
.account__header__fields a:hover,
.notification__display-name:hover,
.column-header>.column-header__back-button:hover,
.reply-indicator__content .status__content__spoiler-link, .status__content .status__content__spoiler-link:hover {
  color: var(--actionable-hover);
}

.button,
.admin-wrapper .sidebar ul ul a.selected,
.admin-wrapper .sidebar ul .simple-navigation-active-left a,
.simple_form .block-button, .simple_form .button, .simple_form button,
.public-layout .public-account-header__tabs__tabs .counter.active:after,
.button.logo-button,
.emoji-mart-anchor-bar,
.privacy-dropdown__option.active, .privacy-dropdown__option:hover,
.privacy-dropdown.active .privacy-dropdown__value.active,
.content__heading__tabs div a.selected {
  background-color: var(--actionable);
}

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

.button:hover,
.admin-wrapper .sidebar ul ul a.selected:hover,
.simple_form .block-button:hover, .simple_form .button:hover, .simple_form button:hover,
.button.logo-button:hover {
  background-color: var(--actionable-hover);
}
.simple_form input[type=email]:active, .simple_form input[type=email]:focus, .simple_form input[type=number]:active, .simple_form input[type=number]:focus, .simple_form input[type=password]:active, .simple_form input[type=password]:focus, .simple_form input[type=text]:active, .simple_form input[type=text]:focus, .simple_form textarea:active, .simple_form textarea:focus {
  border-bottom-color: var(--actionable-hover);
}

.drawer__inner__mastodon, .column-link--logo, .column-link--logo:hover {
  background-image: url("https://files.gamedev.social/gamedev-social-whitetext-transparent.png");
  background-size: contain;
  object-fit: contain;
  background-repeat: no-repeat;
  opacity: 0.95;
  height: 10px;
}

.ui__header__logo, .ui__header__logo:hover {
  background-image: url("https://files.gamedev.social/gamedev-social-whitetext-transparent.png");
  background-size: contain;
  object-fit: contain;
  background-repeat: no-repeat;
  opacity: 0.95;
  width: 140px;
  margin-left: 15px;
}

.drawer__inner__mastodon img, .ui__header__logo svg, svg.logo {
  display: none;
}

.user-role-3 {
  --user-role-accent: #287bda;
  --user-role-background: #287bda19;
  --user-role-border: #287bda80;
}

.user-role-2 {
  --user-role-accent: #25cc76;
  --user-role-background: #25cc7619;
  --user-role-border: #25cc7680;
}