@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

:root {
  --ozarks-blue: #00447b;
  --deep-blue: #002c57;
  --honors-yellow: #ffcb05;
  --bright-blue: #18b4e9;
  --bright-blue-text: #32bdec;
  --silver: #a7a9ac;
  --light-silver: #e5e5e5;
  --sky-blue: #2e86ce;
  --sky-blue-text: #1d79c3;
  --medium-blue: #0877bd;
  --light-black: #231e20;
  --gray: #dddddd;
  --white: #ffffff;
  --black: #000000;

  --transparent-white-50: #ffffff80;
  --transparent-white-70: #ffffffb3;
  --transparent-white-80: #ffffffcc;
  --transparent-ozarks-blue: #00447bcc;
  --transparent-deep-blue: #002c57cc;
  --transparent-honors-yellow: #ffcb05cc;
  --transparent-bright-blue: #18b4e9cc;

  --box-shadow: -4px 4px 20px 0 #10232542;

  --montserrat: "Montserrat", sans-serif;
  --roboto: "Roboto", sans-serif;

  --site-alert-height: 0px;
  --site-alert-bg-info: #ffffcc;
  --site-alert-color-info: #000000;
  --site-alert-bg-warning: #ffbb00;
  --site-alert-color-warning: #000000;
  --site-alert-bg-emergency: #a82426;
  --site-alert-color-emergency: #ffffff;
  --site-alert-bg-weather: #6699ff;
  --site-alert-color-weather: #ffffff;
  --interior-banner-offset: 6.5rem;
}