/*assets/css/base.css */
/*    resets, variables (:root), typography  */

:root {
  --spring-green: #5EFC8D;
  --soft-cyan: #8EF9F3;
  --powder-blue: #93BEDF;
  --lavender: #8377D1;
  --taupe: #6D5A72;
  --graphite: #333333;
  --white: #ffffff;
  --platinum: #f1f1f1;
  --white-transparent-20: rgba(255, 255, 255, 0.2);
  --white-transparent-85: rgba(255, 255, 255, 0.85);
  --sapphire-sky: #4472CA;
  --egyptian-blue: #0A369D;

  --header1-height: 60px;
  --safe-top: env(safe-area-inset-top, 0px);
}

html, body {
  height: 100%;       /* make sure body fills viewport */
  margin: 0;          /* remove default margins */
}

.hp-field {
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
#hp_check {
  tabindex: -1;
  aria-hidden: true;
}