/* ===== Vesta brand fonts (source: vesta-founding-color-reference.html) ===== */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');

body, .wy-nav-content, .wy-nav-side, .rst-content {
  font-family: "Inter", -apple-system, "Segoe UI", sans-serif;
}
.rst-content h1, .rst-content h2, .rst-content h3,
.rst-content h4, .rst-content h5, .rst-content h6,
.wy-menu-vertical p.caption {
  font-family: "Manrope", "Inter", sans-serif;
  color: #0B1F33;
}
code, .rst-content code, .rst-content tt, .rst-content pre {
  font-family: "JetBrains Mono", Consolas, monospace;
}

/* ===== Page + content surfaces ===== */
body { background: #F3F7FA; color: #24384A; }
.wy-nav-content, .wy-nav-content-wrap, .wy-body-for-nav { background: #FFFFFF; }

/* ===== Sidebar — Navy ===== */
.wy-nav-side { background: #0B1F33; color: #C6D5E1; }
.wy-side-nav-search { background-color: #081726; }
.wy-side-nav-search input[type=text] { border-color: #0A6E6C; }
.wy-menu-vertical header, .wy-menu-vertical p.caption { color: #D3E1EC; }
.wy-menu-vertical a { color: #C6D5E1; }
.wy-menu-vertical a:hover { background-color: #123252; color: #FFFFFF; }
.wy-menu-vertical li.current a { color: #0B1F33; border-right: 1px solid #DCE5EC; }
.wy-menu-vertical li.toctree-l1.current > a { border-color: #DCE5EC; }

/* ===== Links — Teal ===== */
a { color: #0A6E6C; }
a:hover, a:hover code { color: #075150; }
a:visited code { color: #0A6E6C; }

/* ===== Inline code + code blocks ===== */
.rst-content code, .rst-content tt { color: #0A6E6C; background: #E6F2F1; }
.rst-content pre code { color: #24384A; background: #F3F7FA; }
pre { border-right: 1px solid #DCE5EC; }

/* ===== Tables (none exist in content today; harmless if unused) ===== */
td, th { border-color: #DCE5EC !important; }

/* ===== Previous/Next footer buttons — Teal, flat modern style =====
   Overrides the base theme's .btn-neutral (light gray fill + embossed
   box-shadow from the shared .btn rule) with a filled Teal button,
   matching the reference doc's "Primary buttons" color exactly. */
.btn-neutral {
  background-color: #0A6E6C !important;
  color: #FFFFFF !important;
  border: none;
  border-radius: 6px;
  padding: 8px 18px;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  box-shadow: none;
  transition: background-color 0.15s ease;
}
.btn-neutral:visited {
  color: #FFFFFF !important;
}
.btn-neutral:hover, .btn-neutral:focus {
  background-color: #075150 !important;
  color: #FFFFFF !important;
}