/* ReddCoin Knowledgebase UX + “Quiet Authority” polish */

/* Brand palette (kept minimal; use accents, not surfaces) */
:root{
  --md-primary-fg-color: #E31B23;      /* Redd Dark Red */
  --md-primary-fg-color--dark: #B31218;
  --md-accent-fg-color: #00AEEF;       /* Redd Light Blue */
}

/* Header contrast (prevents white-on-white and low-contrast banners) */
.md-header{
  background-color: #111 !important;
}
.md-header__title,
.md-header__topic,
.md-tabs__link{
  color: #fff !important;
}

/* Calm tabs bar */
.md-tabs{
  background-color: #111 !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

/* Link visibility */
.md-typeset a{
  font-weight: 600;
  text-underline-offset: 0.15em;
}

/* Long-form readability */
.md-typeset{
  line-height: 1.75;
}

/* Comfortable measure for dense technical pages */
.md-content__inner{
  max-width: 90ch;
}

/* Allow landing pages with card grids to breathe */
.md-typeset .grid.cards{
  max-width: 1200px;
  margin-inline: auto;
}

/* Slightly soften heavy borders so the UI feels premium */
.md-typeset hr{
  border-bottom: 1px solid rgba(0,0,0,.10);
}


/* Accessibility: visible focus outlines */
:focus-visible{
  outline: 3px solid var(--md-accent-fg-color);
  outline-offset: 2px;
}

/* Improve link discoverability in long-form docs */
.md-content a{
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Better reading comfort */
.md-typeset{
  line-height: 1.65;
}
.md-typeset p{
  margin: 0 0 0.9em;
}

/* Card grid: slightly more social-first */
.grid.cards > ul > li{
  border-radius: 16px;
}
.grid.cards strong{
  letter-spacing: .2px;
}


/* Announcement / banner safety: avoid white-on-white */
.md-banner, .md-announce{
  background: #111 !important;
  color: #fff !important;
}
.md-banner a, .md-announce a{
  color: var(--md-accent-fg-color) !important;
  text-decoration: underline;
}

/* ===== ReddCoin Knowledgebase v0.24 UX baseline ===== */

/* Ensure high-contrast header/banner text across light/dark */
.md-header, .md-banner, .md-announce {
  background: var(--redd-surface-strong, #111) !important;
  color: #fff !important;
}
.md-header__title, .md-header__topic, .md-header__button, .md-tabs__link {
  color: #fff !important;
}
.md-banner a, .md-announce a { color: #fff !important; text-decoration: underline; text-underline-offset: 2px; }

/* Readability */
.md-content {
  line-height: 1.65;
}
.md-typeset {
  max-width: 90ch;
}
.md-typeset a {
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Keyboard accessibility */
:focus-visible {
  outline: 3px solid var(--md-accent-fg-color, #00AEEF);
  outline-offset: 3px;
}

/* Staking 101 widget */
#staking101 .s101-meter {
  width: 100%;
  height: 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.22);
  margin: 10px 0 8px;
}
#staking101 .s101-meter-bar {
  height: 100%;
  border-radius: 999px;
  background: var(--md-primary-fg-color, #E31B23);
}
#staking101 .s101-result {
  margin: 0.2rem 0 0.6rem;
}