/* Atkinson Hyperlegible via Bunny Fonts (metodo rapido) */
@import url('https://fonts.bunny.net/css?family=atkinson-hyperlegible:400,700,400italic,700italic');


:root {
  --version: "0.0.3";
  --color-accent: var(--color-accent-base);
  --bg: white;
  --avatar-border-radius: 999px;
  --color-bg-primary: color-mix(in oklab, var(--bg), var(--color-accent) 3.5%);
  --color-bg-secondary: color-mix(in oklab, var(--color-bg-primary), var(--color-accent) 10%);
  --color-bg-tertiary: color-mix(in oklab, var(--color-bg-primary), var(--color-accent) 5%);
  --color-bg-brand-soft: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 80%);
  --color-bg-brand-softest: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 85%);
  --color-bg-brand-base: var(--color-accent);
  --color-bg-brand-base-hover: color-mix(in oklab, var(--color-bg-brand-base), black 20%);
  --color-bg-success-softest: var(--color-bg-secondary);
  --color-border-primary: color-mix(in oklab, var(--color-text-brand), var(--color-bg-primary) 60%);
  --color-border-media: #00000026;
  --color-border-brand: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 50%);
  --color-border-brand-soft: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 75%);
  --color-text-secondary: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary) 45%);
  --color-text-tertiary: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary) 60%);
  --color-text-brand: var(--color-accent);
  --color-text-brand-on-inverted: var(--color-accent);
  --color-text-disabled: hsl(from var(--color-accent) h 20 l);
  --color-border-success-soft: var(--color-border-brand);
  --color-text-on-disabled: var(--color-text-on-brand-base);
  --color-bg-disabled: color-mix(in oklab, var(--color-accent), var(--color-bg-primary) 50%);
}

[data-color-scheme="dark"] {
  --bg: #2a2016;
  --color-accent: hsl(from var(--color-accent-base) calc(h + 10) calc(s + 4) l);
  --color-bg-primary: #2a2016;
  --color-border-primary: color-mix(in oklab, var(--color-text-brand), var(--color-bg-primary) 75%);
  --color-border-media: #ffffff26;
  --color-text-brand: color-mix(in oklab, var(--color-accent), white 30%);
  --color-bg-secondary: color-mix(in oklab, var(--bg), var(--color-accent) 6%);
  --color-bg-tertiary: color-mix(in oklab, var(--bg), var(--color-accent) 4%);
}

@media screen and (width <= 1174px) {
  .columns-area__panels__pane--navigational .navigation-panel {
    border-inline-end: 1px solid var(--color-border-primary);
    border-inline-start: none;
  }
}

.drawer__inner__mastodon.with-zig-zag-decoration img, .app-body .column-link.column-link--logo, .app-body .ui__header__logo, .app-body .column-link.column-link--logo svg, .app-body .ui__header__logo svg {
  display: none;
}

.icon-button {
  --default-icon-color: color-mix(in oklab, var(--color-text-primary), var(--color-bg-primary) 67%);
}

.status-card, .compose-form__highlightable, .media-gallery, .video-player {
  border-radius: 1em;
}

.content-warning, .search__input, .navigation-panel__compose-button, .search__popout, .privacy-dropdown__dropdown, .language-dropdown__dropdown, .visibility-dropdown__dropdown {
  border-radius: .5em;
}

.search__popout {
  box-shadow: none;
  margin-block-start: .5em;
}

.btn, .simple_form .btn, .button, .button--compact, .icon-button, .hashtag-bar a, .hashtag-header__header__buttons .icon-button, ._comp_account_header__buttonsDesktop .icon-button, ._comp_account_header__buttonsMobile .icon-button {
  border-radius: 999px !important;
}

:root, [data-color-scheme="dark"] {
  --color-accent-base: #f76902;
}

/* FORZA MENZIONI E HASHTAG STESSO COLORE LINK - SOLO DARK MODE */
/* Questo blocca la divergenza di colore tipica di Glitch-Soc nel tema scuro */
[data-color-scheme="dark"] .status__content a.mention,
[data-color-scheme="dark"] .status__content a.hashtag,
[data-color-scheme="dark"] .status__content a.status-link,
[data-color-scheme="dark"] .reply-indicator__content a.mention,
[data-color-scheme="dark"] .reply-indicator__content a.hashtag,
[data-color-scheme="dark"] .notification a.mention,
[data-color-scheme="dark"] .notification a.hashtag {
  /* Usiamo il colore brand (arancione) che è già definito come accent nel dark mode */
  /* Se vuoi un colore diverso dai link, puoi cambiare qui sotto il valore */
  color: var(--color-text-brand) !important; 
  background-color: transparent !important; /* Rimuove eventuali sfondi di default */
  padding: 0 !important;
}

/* Opzionale: se vuoi che anche lo span interno dell'hashtag segua il colore */
[data-color-scheme="dark"] .status__content a.hashtag span,
[data-color-scheme="dark"] .reply-indicator__content a.hashtag span {
  color: inherit !important;
}

body,
.app-body,
.ui,
.column,
.status__content {
  font-family: "Atkinson Hyperlegible", system-ui, sans-serif;
}

/* preserva il monospace dove serve */
code, pre, kbd, samp, .status__content code, .status__content pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}