/* ============================================================
   RED THEME — mstdn.ca   (WCAG 2.1 AA contrast)
   Full theme kept; falling leaves & fireworks removed.
   Tuned for the DEFAULT DARK theme. Clear this box to revert.
   ============================================================ */

:root {
  --ca-red:      #d52b1e; /* button bg + graphical accents     */
  --ca-red-dk:   #a81b10; /* button hover                      */
  --ca-red-text: #ff6f61; /* red used as TEXT on dark surfaces */
}

/* Glowing red buttons — white on red = 5.0:1 (AA text) */
.button:not(.button-secondary):not(.button-tertiary) {
  background-color: var(--ca-red) !important;
  color: #fff !important;
  box-shadow: 0 0 14px rgba(213,43,30,.65) !important;
}
.button:not(.button-secondary):not(.button-tertiary):hover,
.button:not(.button-secondary):not(.button-tertiary):focus {
  background-color: var(--ca-red-dk) !important;
}

/* Everything-red accents (text) — 5.1–6.3:1 (AA text) */
.column-link.active,
.tabs-bar__link.active,
.icon-button.active,
a.mention,
.status__content a { color: var(--ca-red-text) !important; }
.column-header { border-top: 4px solid var(--ca-red) !important; }
.column-header__title::after { content: " 🍁"; }

/* Red underline accents — borders = 3.4:1 (AA non-text) */
.navigation-bar, .ui__header { border-bottom: 3px solid var(--ca-red) !important; }

/* Red scrollbars */
* { scrollbar-color: var(--ca-red) transparent; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-thumb { background: var(--ca-red); border-radius: 6px; }

/* Polish */
::selection { background: var(--ca-red); color: #fff; }

.compose-form { position: relative; }
.compose-form::before {
  content: "🍁";
  position: absolute; top: 8px; right: 14px;
  font-size: 44px; opacity: .14; pointer-events: none; z-index: 0;
}

.navigation-bar .account__avatar { box-shadow: 0 0 0 2px var(--ca-red); }

/* --- OPTIONAL: deep-red app background (uncomment to enable)
   Dark-theme only — will hurt readability on the light theme. ---
body, body.app-body { background:
  radial-gradient(circle at 50% -10%, #3a0d0a 0%, #160504 60%) !important; }
--------------------------------------------------------------- */