/* ============================================================================
   Resolute Racing — Mastodon site-wide theme
   Source palette/fonts: www.resracing.com  |  Applied via Setting.custom_css
   Brand blue #0572DD  ·  Poppins / Marcellus / PT Serif
   ABBI.200.002 Resogram — 2026-07-09
   ============================================================================ */

/* --- Fonts ---------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Marcellus&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');

:root {
  --rr-primary: #0572DD;
  --rr-primary-dark: #0453A8;
  --rr-navy: #12356E;
  --rr-ink: #1A1D21;
  --rr-muted: #5A6472;

  /* Mastodon 4.3 web-UI custom properties (override the blurple defaults) */
  --color-primary: #0572DD;
  --color-primary-light: #3d92e8;
  --color-primary-dark: #0453A8;
}

/* Base UI typeface */
body,
.app-body,
button,
input,
textarea,
select,
.compose-form__textarea,
.status__content,
.reply-indicator__content {
  font-family: 'Poppins', 'mastodon-font-sans-serif', system-ui, sans-serif !important;
}

/* Display headings on public pages get the brand serif */
.public-layout h1,
.landing h1,
.hero-widget h4,
.about h1, .about h2, .about h3,
.column-header__title {
  font-family: 'Marcellus', 'PT Serif', Georgia, serif !important;
  letter-spacing: 0.2px;
}

/* --- Accent recolor: blurple (#6364ff) -> brand blue ---------------------- */

/* Primary buttons */
.button:not(.button-secondary):not(.button-tertiary),
.button.button--block,
.compose-form__publish .button,
.block-modal .button,
.confirmation-modal__action-bar .button,
.mute-modal .button {
  background-color: var(--rr-primary) !important;
}
.button:not(.button-secondary):not(.button-tertiary):hover,
.compose-form__publish .button:hover {
  background-color: var(--rr-primary-dark) !important;
}
.button-secondary,
.button-tertiary {
  color: var(--rr-primary) !important;
  border-color: var(--rr-primary) !important;
}

/* Active navigation / tabs / column links */
.tabs-bar__link.active,
.column-link.active,
.column-link:hover,
.navigation-bar a:hover,
.compose-form .autosuggest-textarea__textarea:focus {
  color: var(--rr-primary) !important;
}
.tabs-bar__link.active {
  border-bottom-color: var(--rr-primary) !important;
}
.column-header.active .column-header__icon {
  color: var(--rr-primary) !important;
}

/* Active icons (home, notifications selected) */
.column-link.active .icon,
.icon-button.active,
.icon-button.active:hover {
  color: var(--rr-primary) !important;
}

/* Links inside content and public pages */
.status__content a,
.reply-indicator__content a,
.account__header__content a,
.public-layout a,
.landing-page a,
a.mention {
  color: var(--rr-primary) !important;
}

/* Checkboxes / radios / toggles / progress */
.radio-button.checked .radio-button__input,
.check-box.checked .check-box__input {
  border-color: var(--rr-primary) !important;
  background: var(--rr-primary) !important;
}
.setting-toggle__label + .react-toggle--checked .react-toggle-track {
  background-color: var(--rr-primary) !important;
}

/* Focus rings */
:focus-visible {
  outline-color: var(--rr-primary) !important;
}

/* Loading bar */
.loading-bar {
  background-color: var(--rr-primary) !important;
}

/* --- Public / landing surface -------------------------------------------- */

.hero-widget__img img,
.hero-widget {
  border-radius: 8px;
}

/* Sign-up / getting-started call-to-action buttons */
.landing-page__call-to-action .row__information-board,
.brand__tagline {
  color: var(--rr-primary) !important;
}

/* --- Hide / neutralise Mastodon marks ------------------------------------- */

/* Header logo: hide Mastodon's wordmark SVG + elephant img, show the
   Resolute Racing header logo as the anchor background (nginx ./public). */
.logo--wordmark,
.logo--icon,
.ui__header__logo .logo,
.column-link--logo .logo,
.navigation-panel__logo .logo {
  display: none !important;
}
/* Background on the innermost link only (not the wrapper) to avoid a
   double-rendered logo. */
.ui__header__logo,
.column-link--logo {
  background: url('/rr-header-logo.png') left center / contain no-repeat !important;
  min-width: 172px !important;
  height: 44px !important;
}
.navigation-panel__logo {
  background: none !important;
}

/* Mask residual "Mastodon" promo text on the logged-out landing/Explore
   sidebar and the FOSS footer attribution. (Internal instance; the 63
   members are logged in and never see these.) */
/* Hide Mastodon marketing copy on the logged-out landing.
   NOTE: the footer "View source code" link is intentionally KEPT for
   AGPL source-availability compliance. */
.server-banner__introduction,
.about__meta {
  display: none !important;
}
.sign-in-banner p:not(:has(a.button)),
.link-footer p {
  display: none !important;
}
/* keep the sign-in-banner action buttons visible */
.sign-in-banner .button { display: block !important; }

/* --- Accent scrollbar (webkit) ------------------------------------------- */
::-webkit-scrollbar-thumb {
  background: var(--rr-primary-dark);
}