/* Dracula theme for Mastodon (new design, v4.6+) — maps the Dracula
   palette onto Mastodon's own semantic CSS variables. */
html[data-color-scheme="dark"], html:not([data-color-scheme]) {
  /* Backgrounds (deep → raised) */
  --color-bg-primary:#191a21 !important;
  --color-bg-secondary:#282a36 !important;
  --color-bg-tertiary:#343746 !important;
  --color-bg-inverted:#f8f8f2 !important;
  --color-bg-disabled:#343746 !important;
  /* Brand / accent = Dracula purple */
  --color-bg-brand-base:#bd93f9 !important;
  --color-bg-brand-base-hover:#a67ae0 !important;
  --color-bg-brand-soft:#3f3560 !important;
  --color-bg-brand-softest:#2a2440 !important;
  /* Functional colors */
  --color-bg-error-base:#ff5555 !important;
  --color-bg-error-base-hover:#e04b4b !important;
  --color-bg-error-soft:#4a2330 !important;
  --color-bg-error-softest:#2a1518 !important;
  --color-bg-success-base:#50fa7b !important;
  --color-bg-success-soft:#1d4a2c !important;
  --color-bg-success-softest:#0f2a18 !important;
  --color-bg-warning-base:#ffb86c !important;
  --color-bg-warning-soft:#4a3720 !important;
  --color-bg-warning-softest:#2a1e10 !important;
  /* Text */
  --color-text-primary:#f8f8f2 !important;
  --color-text-secondary:#b0b4c3 !important;
  --color-text-tertiary:#6272a4 !important;
  --color-text-brand:#8be9fd !important;                       /* Dracula cyan = links */
  --color-text-brand-soft:color-mix(in oklab,#f8f8f2,#8be9fd) !important;
  --color-text-brand-on-inverted:#7b5cd6 !important;
  --color-text-status-links:#8be9fd !important;
  --color-text-success:#50fa7b !important;
  --color-text-warning:#ffb86c !important;
  --color-text-error:#ff5555 !important;
  --color-text-favourite-highlight:#ff79c6 !important;          /* pink hearts */
  --color-text-bookmark-highlight:#ffb86c !important;
  --color-text-on-brand-base:#191a21 !important;                /* dark text on bright purple */
  --color-text-on-success-base:#191a21 !important;
  --color-text-on-warning-base:#191a21 !important;
  --color-text-on-error-base:#ffffff !important;
  --color-text-inverted:#191a21 !important;
  /* Borders */
  --color-border-primary:#44475a !important;                    /* Dracula selection = border */
  --color-border-strong:#f8f8f2 !important;
  --color-border-brand:#bd93f9 !important;
  --color-border-brand-soft:#5a4a8a !important;
  --color-border-error:#ff5555 !important;
  --color-border-success-soft:#1d4a2c !important;
  /* Focus ring */
  --outline-focus-default:2px solid #bd93f9 !important;
}