.site-header, .site-footer { font-family: Arial, system-ui, sans-serif; }
.site-header a, .site-footer a { color: inherit; }
#converter { scroll-margin-top: 4rem; }
.cc-header.sticky-top { top: calc(var(--header-height) + 1px); }
.cc-header.bg-dark { background-color: var(--ink) !important; }
.cc-header .navbar-nav .nav-link { transition: none; }
.cc-header .navbar-nav .nav-link.active { background: var(--acid); color: var(--ink); }
#hero-block { background: #fff; }
#converter { background: #edede6; }
.btn-primary {
  --bs-btn-bg: var(--acid);
  --bs-btn-border-color: var(--ink);
  --bs-btn-color: var(--ink);
  --bs-btn-hover-bg: var(--ink);
  --bs-btn-hover-border-color: var(--ink);
  --bs-btn-hover-color: var(--acid);
  --bs-btn-active-bg: var(--ink);
  --bs-btn-active-border-color: var(--ink);
  --bs-btn-active-color: var(--acid);
  background: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  font-weight: 700;
}
.btn-primary:hover { background: var(--bs-btn-hover-bg); border-color: var(--bs-btn-hover-border-color); }
#docs a { color: #654096; }
#terminal-cursor { display: none; width: .55rem; height: .16rem; background: currentColor; }
:where(a, button, textarea):focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) {
  #hero-block, .nav-link, textarea.form-control { transition: none; }
  #terminal-cursor, .animate-spin { animation: none; }
}