/* Forum Fortress documentation: mirrors the public site's calm, high-contrast palette. */
:root {
  --ff-navy: #0d2530;
  --ff-paper: #fbfcfa;
  --ff-surface: #fffefa;
  --ff-surface-muted: #edf2ef;
  --ff-ink: #152b34;
  --ff-ink-soft: #2d4852;
  --ff-muted: #5d7178;
  --ff-line: #d5dfdc;
  --ff-teal: #2e7182;
  --ff-teal-dark: #205666;
  --ff-green: #21845e;
  --ff-green-soft: #e1f0e8;
  --ff-amber: #ad7a2c;
  --ff-amber-soft: #f4ebd7;
  --ff-red: #b75560;
  --ff-red-soft: #f8e6e8;
  --md-primary-fg-color: var(--ff-navy);
  --md-primary-fg-color--light: #113745;
  --md-primary-fg-color--dark: #081b23;
  --md-accent-fg-color: var(--ff-green);
  --md-default-bg-color: var(--ff-paper);
  --md-default-fg-color: var(--ff-ink);
  --md-default-fg-color--light: var(--ff-ink-soft);
  --md-default-fg-color--lighter: var(--ff-muted);
  --md-code-bg-color: #eaf0ee;
  --md-code-fg-color: var(--ff-ink);
  --md-typeset-a-color: var(--ff-teal-dark);
}

body, input, button { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.md-header, .md-tabs { background: var(--ff-navy); }
.md-header { box-shadow: none; }
.md-header__button.md-logo img, .md-header__button.md-logo svg { height: 2rem; width: 2rem; }
.md-header__title { font-weight: 750; letter-spacing: -.025em; }
.md-tabs { border-top: 1px solid rgba(255,255,255,.12); }
.md-tabs__link { opacity: .84; font-weight: 650; }
.md-tabs__link--active, .md-tabs__link:hover { color: #fff; opacity: 1; }
.md-main { background: radial-gradient(circle at 86% 0, #e4efed 0, transparent 30rem), var(--ff-paper); }
.md-sidebar { background: transparent; }
.md-sidebar__scrollwrap { scrollbar-color: #b8c9c5 transparent; }
.md-nav { font-size: .73rem; }
.md-nav__title { color: var(--ff-ink); font-weight: 750; }
.md-nav__link--active, .md-nav__link:hover { color: var(--ff-teal-dark); }
.md-nav__link--active { font-weight: 750; }
.md-content { max-width: 48rem; }
.md-content__inner { margin-bottom: 4rem; }
.md-typeset { color: var(--ff-ink-soft); font-size: .82rem; line-height: 1.7; }
.md-typeset h1, .md-typeset h2, .md-typeset h3 { color: var(--ff-ink); font-family: Manrope, Inter, ui-sans-serif, system-ui, sans-serif; letter-spacing: -.035em; font-weight: 700; }
.md-typeset h1 { font-size: clamp(2.25rem, 5vw, 3.25rem); line-height: 1.08; margin: .2em 0 .6em; }
.md-typeset h2 { margin-top: 2.35em; font-size: 1.7rem; }
.md-typeset h3 { font-size: 1.08rem; }
.md-typeset a { font-weight: 650; text-decoration-thickness: 1px; text-underline-offset: .18em; }
.md-typeset table:not([class]) { border: 1px solid var(--ff-line); border-radius: .55rem; box-shadow: 0 7px 22px rgba(25,46,54,.045); overflow: hidden; }
.md-typeset table:not([class]) th { background: #e6efec; color: var(--ff-ink); font-weight: 750; }
.md-typeset table:not([class]) td, .md-typeset table:not([class]) th { border-color: var(--ff-line); padding: .78em .9em; }
.md-typeset table:not([class]) tr { background: var(--ff-surface); }
.md-typeset code { border-radius: .28rem; }
.md-typeset pre > code { background: #102b35; color: #e7f1ef; border-radius: .65rem; }
.md-typeset .admonition, .md-typeset details { border-radius: .6rem; box-shadow: 0 7px 22px rgba(25,46,54,.05); }
.md-typeset .admonition.note, .md-typeset details.note { border-color: var(--ff-teal); }
.md-typeset .admonition.tip, .md-typeset details.tip { border-color: var(--ff-green); }
.md-typeset .admonition.warning, .md-typeset details.warning { border-color: var(--ff-amber); }
.md-typeset .admonition.danger, .md-typeset details.danger { border-color: var(--ff-red); }
.md-typeset .admonition-title { font-weight: 750; }
.md-typeset hr { border-color: var(--ff-line); }
.md-footer { background: var(--ff-navy); }
.md-footer-meta { background: #081d26; }

/* Reusable editorial building blocks used on the getting-started pages. */
.docs-eyebrow { color: var(--ff-teal); font-size: .72rem; font-weight: 800; letter-spacing: .12em; margin: 0 0 .7rem; text-transform: uppercase; }
.docs-lead { color: var(--ff-ink-soft); font-size: 1.08rem; max-width: 43rem; }
.docs-path { display: grid; gap: .8rem; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 1.6rem 0 2.5rem; }
.docs-path > div { background: var(--ff-surface); border: 1px solid var(--ff-line); border-radius: .65rem; box-shadow: 0 7px 22px rgba(25,46,54,.045); min-height: 8.5rem; padding: 1.1rem; }
.docs-path strong { color: var(--ff-ink); display: block; font-family: Manrope, Inter, sans-serif; font-size: .95rem; margin-bottom: .4rem; }
.docs-path span { color: var(--ff-muted); font-size: .78rem; line-height: 1.5; }
.docs-screenshot { background: var(--ff-surface); border: 1px solid var(--ff-line); border-radius: .7rem; box-shadow: 0 15px 36px rgba(25,46,54,.10); display: block; margin: 1.6rem auto .6rem; overflow: hidden; }
.docs-caption { color: var(--ff-muted); font-size: .72rem; margin: 0 0 1.8rem; text-align: center; }
@media screen and (max-width: 76.1875em) { .docs-path { grid-template-columns: 1fr; } }
@media screen and (max-width: 44.9375em) { .md-typeset h1 { font-size: 2.25rem; } .md-typeset h2 { font-size: 1.5rem; } }