:root {
  /* Site Fonts */
  --siteFont: 'Roboto'; /* sans-serif */
  --siteFont1: 'Montserrat'; /* sans-serif */
  --siteFont2: "Maitree"; /* sans-serif */
  --siteFont3: 'PT Sans'; /* sans-serif */

  /* Site Scale */
  --siteScale: 16px; /* Keep as px value for all the other rem values to be based off of */

  /* Body Fonts */
  --bodyFontSize: 1rem;
  --bodyFont: var(--siteFont);

  /* Border Radius Defaults */
  --borderRadius: 0; /* Global Radius for most if not all things (25px) */
  --borderRadiusPill: 100vw;
  --borderRadiusCircle: 100rem;
  --borderRadiusCheckbox: 0.35rem;

  /* Drop Shadow Defaults */
  --dropShadow: 0 0 1.25rem hsla(var(--siteColor1), 0.15);
  --focusShadow: 0 0 0 0.125rem hsla(var(--siteColor1), 0.25);
  --focusShadowLight: 0 0 0 0.125rem hsla(var(--white), 0.25);
  --focusShadowDark: 0 0 0 0.125rem hsla(var(--black), 0.25);
  --dropShadowFilter: drop-shadow(0.0625rem 0.0625rem 0.125rem hsla(var(--black), 70%));
  --dropShadowFilterLight: drop-shadow(0.0625rem 0.0625rem 0.125rem hsla(var(--white), 70%));

  /* Font Weight Defaults */
  --wUltraLight: 100;
  --wThin: 200;
  --wLight: 300;
  --wRegular: 400;
  --wMedium: 500;
  --wBold: 600;
  --wHeavy: 700;
  --wBlack: 800;
  --wExtraBlack: 900;

  /* Sup - Settings for Sup Text <sup> */
  --supFontSize: 60%;
  --supLineHeight: 125%;
  --supTop: -0.3125rem;

  /* Header Height - used by JS and CSS */
  --headerHeight: 9rem;

  /* Layout Sizing */
  --bsContainerWidth: 73.125rem; /* 1170 px */
  --sidebarWidth: 28.4375rem; /* 375px */
  --mainContainerWithSidebar: 49.6875rem;
}