:root {
  /* Site Fonts */
  --siteFont: var(--siteFont2), Helvetica Neue, Helvetica, Arial, sans-serif;
  --siteFont1: 'Gotham'; /* sans-serif */
  --siteFont2: 'Gotham'; /* sans-serif */
  /* --siteFont3: 'PT Sans'; sans-serif */

  /* ADMIN COLORS */
  --primary: hsl(var(--siteColor1)); /* Dark Teal */
  --secondary: hsl(var(--siteColor2)); /* Golden Yellow */

  /* 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: 1.5625rem; /* 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;
}

/* Montecatini */
@font-face {
  font-family: 'Montecatini Pro';
  src: url('/fonts/MontecatiniPro-Stretto/MontecatiniPro-Stretto.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

/* Gotham */
@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham/Gotham-Book.otf') format('opentype');
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham/Gotham-Medium.otf') format('opentype');
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham/Gotham-Bold.otf') format('opentype');
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: 'Gotham';
  src: url('/fonts/Gotham/Gotham-Black.otf') format('opentype');
  font-style: normal;
  font-weight: 800;
}