.account__header__content .emojione:hover,

.reply-indicator__content .emojione:hover,

.status__content:not(.status__content--collapsed) .emojione:hover {

z-index: 10;

transform: scale(3);

position: relative;

transform-origin: center;

transition: 200ms ease-in-out;

}

.drawer__inner__mastodon {
  background-image: url("https://g6k5.c13.e2-2.dev/media/wordmark.dark.png");
  background-size: contain;
  background-color: #0f2a54;
  opacity: 0.95;
}

.drawer__inner__mastodon img {
  display: none;
}

:root,
html[data-color-scheme='dark'] {
  /* Text */
  --color-text-primary: #ffffff;
  --color-text-secondary: #9baec8;
  --color-text-tertiary: #606984;
  --color-text-inverted: #282c37;
  --color-text-brand: #8c8dff;
  --color-text-brand-soft: #6364ff;
  --color-text-on-brand-base: #ffffff;
  --color-text-status-links: #8c8dff;
  --color-text-error: #df405a;
  --color-text-warning: #ca8f04;
  --color-text-success: #79bd9a;
  --color-text-disabled: #606984;
  --color-text-favourite-highlight: #ca8f04;
  --color-text-bookmark-highlight: #ff5050;

  /* Backgrounds */
  --color-bg-primary: #282c37;
  --color-bg-secondary: #191b22;
  --color-bg-tertiary: #313543;
  --color-bg-inverted: #d9e1e8;
  --color-bg-overlay-base: rgba(0, 0, 0, 0.5);
  --color-bg-overlay-highlight: rgba(255, 255, 255, 0.05);
  --color-bg-overlay: rgba(0, 0, 0, 0.7);
  --color-bg-media: rgba(0, 0, 0, 0.6);
  --color-bg-media-base: #000000;
  --color-bg-disabled: #42485a;

  --color-bg-brand-base: #6364ff;
  --color-bg-brand-base-hover: #563acc;
  --color-bg-brand-soft: rgba(99, 100, 255, 0.2);
  --color-bg-brand-softest: rgba(99, 100, 255, 0.1);

  --color-bg-error-base: #df405a;
  --color-bg-error-base-hover: #c8304a;
  --color-bg-error-soft: rgba(223, 64, 90, 0.2);
  --color-bg-error-softest: rgba(223, 64, 90, 0.1);

  --color-bg-warning-base: #ca8f04;
  --color-bg-warning-soft: rgba(202, 143, 4, 0.2);
  --color-bg-warning-softest: rgba(202, 143, 4, 0.1);

  --color-bg-success-base: #79bd9a;
  --color-bg-success-soft: rgba(121, 189, 154, 0.2);
  --color-bg-success-softest: rgba(121, 189, 154, 0.1);

  /* Borders */
  --color-border-primary: #393f4f;
  --color-border-brand: #6364ff;
  --color-border-brand-soft: rgba(99, 100, 255, 0.4);
  --color-border-error: #df405a;
  --color-border-error-soft: rgba(223, 64, 90, 0.4);
  --color-border-warning-soft: rgba(202, 143, 4, 0.4);
  --color-border-success-soft: rgba(121, 189, 154, 0.4);
  --color-border-media: rgba(255, 255, 255, 0.1);

  /* Rich text (code blocks, inline quotes) */
  --rich-text-container-color: #313543;
  --rich-text-text-color: #d9e1e8;
}