/* 8px base grid with a 4px half-step. Layout rails from site.scss body{}. */
:root{
  --spacing-1:4px;
  --spacing-2:8px;
  --spacing-3:12px;
  --spacing-4:16px;
  --spacing-5:20px;
  --spacing-6:24px;
  --spacing-8:32px;
  --spacing-10:40px;
  --spacing-12:48px;

  --sidebar-width:231px; /* @kind spacing */
  --topnav-minheight:56px; /* @kind spacing */
  --topnav-sidebar-space:16px; /* @kind spacing */
  --right-sidebar-width:50px; /* @kind spacing */
  --right-sidebar-content-width:500px; /* @kind spacing */
  --right-sidebar-content-width-sm:231px; /* @kind spacing */

  --breakpoint-md:768px; /* @kind spacing */
}