/* You can override SCSS variables here. */
// :root {
// --pagefind-ui-background: #84DE02;
// }
// $pagefind-ui-background: #84DE02;

// Site-wide font: +1pt (16px -> 17px). Every rem-based theme size scales with this.
:root {
  --font-size: 17px;
}

// Widen the page so wide screens don't leave ~310px dead gutters on each side.
// (1280px cap -> 1700px; on a 1920px display the gutters drop 313px -> ~103px.)
$container-max-width: 100rem;

// Widen the left sidebar (the category list + search bar + search-results pane
// are all this one column). 12.5rem -> 18.75rem (a 50% increase, per request).
$menu-width: 18.75rem;

// $mobile-breakpoint in _defaults.scss is derived from the values above; recompute it
// so the mobile layout still collapses at the right width.
$mobile-breakpoint: $menu-width + $body-min-width * 1.2 + $toc-width;