:root {
  --color-fc-50: 15 40% 94%;
  --color-fc-100: 19 41% 88%;
  --color-fc-200: 21 40% 76%;
  --color-fc-300: 22 40% 64%;
  --color-fc-400: 23 40% 52%;
  --color-fc-500: 24 40% 40%;
  --color-fc-600: 25 40% 32%;
  --color-fc-700: 26 40% 24%;
  --color-fc-800: 27 41% 16%;
  --color-fc-900: 28 41% 8%;

  --color-fc-DEFAULT: 24 40% 40%;
  --color-fcyellow-50: 45 50% 97%;
  --color-fcyellow-100: 46 51% 92%;
  --color-fcyellow-200: 46 52% 82%;
  --color-fcyellow-300: 46 52% 72%;
  --color-fcyellow-400: 46 52% 62%;
  --color-fcyellow-500: 46 52% 52%;
  --color-fcyellow-600: 46 52% 41%;
  --color-fcyellow-700: 46 52% 25%;
  --color-fcyellow-800: 46 53% 14%;
  --color-fcyellow-900: 46 51% 5%;
  --color-fcyellow-DEFAULT: 46 52% 52%;
  --color-fcorange-50: 30 54% 95%;
  --color-fcorange-100: 29 57% 90%;
  --color-fcorange-200: 28 55% 80%;
  --color-fcorange-300: 26 56% 70%;
  --color-fcorange-400: 25 55% 60%;
  --color-fcorange-500: 23 55% 50%;
  --color-fcorange-600: 21 55% 39%;
  --color-fcorange-700: 20 55% 28%;
  --color-fcorange-800: 18 54% 17%;
  --color-fcorange-900: 18 55% 6%;
  --color-fcorange-DEFAULT: 23 55% 50%;
  --color-fcred-50: 0 38% 95%;
  --color-fcred-100: 0 41% 90%;
  --color-fcred-200: 1 39% 80%;
  --color-fcred-300: 3 40% 70%;
  --color-fcred-400: 4 40% 60%;
  --color-fcred-500: 5 40% 50%;
  --color-fcred-600: 7 40% 40%;
  --color-fcred-700: 7 40% 30%;
  --color-fcred-800: 8 39% 20%;
  --color-fcred-900: 11 41% 10%;
  --color-fcred-DEFAULT: 5 40% 50%;
  --color-fcbrown-50: 15 40% 94%;
  --color-fcbrown-100: 19 41% 88%;
  --color-fcbrown-200: 21 40% 76%;
  --color-fcbrown-300: 22 40% 64%;
  --color-fcbrown-400: 23 40% 52%;
  --color-fcbrown-500: 24 40% 40%;
  --color-fcbrown-600: 25 40% 32%;
  --color-fcbrown-700: 26 40% 24%;
  --color-fcbrown-800: 27 41% 16%;
  --color-fcbrown-900: 28 41% 8%;
  --color-fcbrown-DEFAULT: 24 40% 40%;
  --color-fcgreen-50: 135 20% 96%;
  --color-fcgreen-100: 140 18% 90%;
  --color-fcgreen-200: 139 17% 78%;
  --color-fcgreen-300: 137 17% 66%;
  --color-fcgreen-400: 135 17% 54%;
  --color-fcgreen-500: 133 17% 42%;
  --color-fcgreen-600: 130 17% 34%;
  --color-fcgreen-700: 128 17% 26%;
  --color-fcgreen-800: 128 17% 18%;
  --color-fcgreen-900: 127 18% 10%;
  --color-fcgreen-DEFAULT: 133 17% 42%;
  --color-fcblue-50: 220 23% 97%;
  --color-fcblue-100: 210 26% 91%;
  --color-fcblue-200: 210 27% 78%;
  --color-fcblue-300: 209 27% 65%;
  --color-fcblue-400: 207 27% 52%;
  --color-fcblue-500: 205 27% 39%;
  --color-fcblue-600: 203 27% 31%;
  --color-fcblue-700: 201 26% 23%;
  --color-fcblue-800: 200 27% 15%;
  --color-fcblue-900: 198 28% 7%;
  --color-fcblue-DEFAULT: 205 27% 39%;
  --color-fclightgrey-50: 0 0% 97%;
  --color-fclightgrey-100: 0 0% 92%;
  --color-fclightgrey-200: 0 0% 83%;
  --color-fclightgrey-300: 0 0% 74%;
  --color-fclightgrey-400: 0 0% 65%;
  --color-fclightgrey-500: 0 0% 56%;
  --color-fclightgrey-600: 0 0% 45%;
  --color-fclightgrey-700: 0 0% 32%;
  --color-fclightgrey-800: 0 0% 21%;
  --color-fclightgrey-900: 0 0% 09%;
  --color-fclightgrey-DEFAULT: 0 0% 56%;
  --color-fcgrey-50: 240 7% 97%;
  --color-fcgrey-100: 240 4% 91%;
  --color-fcgrey-200: 240 5% 79%;
  --color-fcgrey-300: 240 4% 67%;
  --color-fcgrey-400: 240 4% 55%;
  --color-fcgrey-500: 240 4% 43%;
  --color-fcgrey-600: 240 4% 34%;
  --color-fcgrey-700: 240 4% 25%;
  --color-fcgrey-800: 240 4% 16%;
  --color-fcgrey-900: 240 6% 7%;
  --color-fcgrey-DEFAULT: 240 4% 43%;
  --color-fcblack-50: 0 0% 92%;
  --color-fcblack-100: 0 0% 85%;
  --color-fcblack-200: 0 0% 72%;
  --color-fcblack-300: 0 0% 58%;
  --color-fcblack-400: 0 0% 43%;
  --color-fcblack-500: 0 0% 30%;
  --color-fcblack-600: 0 0% 23%;
  --color-fcblack-700: 0 0% 18%;
  --color-fcblack-800: 0 0% 12%;
  --color-fcblack-900: 0 0% 05%;
  --color-fcblack-DEFAULT: 0 0% 30;
}

.fc-blue {
  --color-fc-DEFAULT: var(--color-fcblue-DEFAULT);
  --color-fc-50: var(--color-fcblue-50);
  --color-fc-100: var(--color-fcblue-100);
  --color-fc-200: var(--color-fcblue-200);
  --color-fc-300: var(--color-fcblue-300);
  --color-fc-400: var(--color-fcblue-400);
  --color-fc-500: var(--color-fcblue-500);
  --color-fc-600: var(--color-fcblue-600);
  --color-fc-700: var(--color-fcblue-700);
  --color-fc-800: var(--color-fcblue-800);
  --color-fc-900: var(--color-fcblue-900);
}

.fc-red {
  --color-fc-DEFAULT: var(--color-fcred-DEFAULT);
  --color-fc-50: var(--color-fcred-50);
  --color-fc-100: var(--color-fcred-100);
  --color-fc-200: var(--color-fcred-200);
  --color-fc-300: var(--color-fcred-300);
  --color-fc-400: var(--color-fcred-400);
  --color-fc-500: var(--color-fcred-500);
  --color-fc-600: var(--color-fcred-600);
  --color-fc-700: var(--color-fcred-700);
  --color-fc-800: var(--color-fcred-800);
  --color-fc-900: var(--color-fcred-900);
}

.fc-green {
  --color-fc-DEFAULT: var(--color-fcgreen-DEFAULT);
  --color-fc-50: var(--color-fcgreen-50);
  --color-fc-100: var(--color-fcgreen-100);
  --color-fc-200: var(--color-fcgreen-200);
  --color-fc-300: var(--color-fcgreen-300);
  --color-fc-400: var(--color-fcgreen-400);
  --color-fc-500: var(--color-fcgreen-500);
  --color-fc-600: var(--color-fcgreen-600);
  --color-fc-700: var(--color-fcgreen-700);
  --color-fc-800: var(--color-fcgreen-800);
  --color-fc-900: var(--color-fcgreen-900);
}

.fc-brown {
  --color-fc-DEFAULT: var(--color-fcbrown-DEFAULT);
  --color-fc-50: var(--color-fcbrown-50);
  --color-fc-100: var(--color-fcbrown-100);
  --color-fc-200: var(--color-fcbrown-200);
  --color-fc-300: var(--color-fcbrown-300);
  --color-fc-400: var(--color-fcbrown-400);
  --color-fc-500: var(--color-fcbrown-500);
  --color-fc-600: var(--color-fcbrown-600);
  --color-fc-700: var(--color-fcbrown-700);
  --color-fc-800: var(--color-fcbrown-800);
  --color-fc-900: var(--color-fcbrown-900);
}

.fc-grey {
  --color-fc-DEFAULT: var(--color-fcgrey-DEFAULT);
  --color-fc-50: var(--color-fcgrey-50);
  --color-fc-100: var(--color-fcgrey-100);
  --color-fc-200: var(--color-fcgrey-200);
  --color-fc-300: var(--color-fcgrey-300);
  --color-fc-400: var(--color-fcgrey-400);
  --color-fc-500: var(--color-fcgrey-500);
  --color-fc-600: var(--color-fcgrey-600);
  --color-fc-700: var(--color-fcgrey-700);
  --color-fc-800: var(--color-fcgrey-800);
  --color-fc-900: var(--color-fcgrey-900);
}

.fc-black {
  --color-fc-DEFAULT: var(--color-fcblack-DEFAULT);
  --color-fc-50: var(--color-fcblack-50);
  --color-fc-100: var(--color-fcblack-100);
  --color-fc-200: var(--color-fcblack-200);
  --color-fc-300: var(--color-fcblack-300);
  --color-fc-400: var(--color-fcblack-400);
  --color-fc-500: var(--color-fcblack-500);
  --color-fc-600: var(--color-fcblack-600);
  --color-fc-700: var(--color-fcblack-700);
  --color-fc-800: var(--color-fcblack-800);
  --color-fc-900: var(--color-fcblack-900);
}

.fc-lightgrey {
  --color-fc-DEFAULT: var(--color-fclightgrey-DEFAULT);
  --color-fc-50: var(--color-fclightgrey-50);
  --color-fc-100: var(--color-fclightgrey-100);
  --color-fc-200: var(--color-fclightgrey-200);
  --color-fc-300: var(--color-fclightgrey-300);
  --color-fc-400: var(--color-fclightgrey-400);
  --color-fc-500: var(--color-fclightgrey-500);
  --color-fc-600: var(--color-fclightgrey-600);
  --color-fc-700: var(--color-fclightgrey-700);
  --color-fc-800: var(--color-fclightgrey-800);
  --color-fc-900: var(--color-fclightgrey-900);
}

.fc-darkgrey {
  --color-fc-DEFAULT: var(--color-fcdarkgrey-DEFAULT);
  --color-fc-50: var(--color-fcdarkgrey-50);
  --color-fc-100: var(--color-fcdarkgrey-100);
  --color-fc-200: var(--color-fcdarkgrey-200);
  --color-fc-300: var(--color-fcdarkgrey-300);
  --color-fc-400: var(--color-fcdarkgrey-400);
  --color-fc-500: var(--color-fcdarkgrey-500);
  --color-fc-600: var(--color-fcdarkgrey-600);
  --color-fc-700: var(--color-fcdarkgrey-700);
  --color-fc-800: var(--color-fcdarkgrey-800);
  --color-fc-900: var(--color-fcdarkgrey-900);
}

.fc-yellow {
  --color-fc-DEFAULT: var(--color-fcyellow-DEFAULT);
  --color-fc-50: var(--color-fcyellow-50);
  --color-fc-100: var(--color-fcyellow-100);
  --color-fc-200: var(--color-fcyellow-200);
  --color-fc-300: var(--color-fcyellow-300);
  --color-fc-400: var(--color-fcyellow-400);
  --color-fc-500: var(--color-fcyellow-500);
  --color-fc-600: var(--color-fcyellow-600);
  --color-fc-700: var(--color-fcyellow-700);
  --color-fc-800: var(--color-fcyellow-800);
  --color-fc-900: var(--color-fcyellow-900);
}

.fc-yellow-fade {
  --color-fc-gradient-start: 49, 33%, 34%;
  --color-fc-gradient-middle: 46 52% 72%;
  --color-fc-gradient-end: 49, 32%, 49%;
}

.fc-green-fade {
  --color-fc-gradient-start: 148, 19%, 35%;
  --color-fc-gradient-middle: 137 17% 66%;
  --color-fc-gradient-end: 148, 14%, 46%;
}

.fc-red-fade {
  --color-fc-gradient-start: 5, 27%, 26%;
  --color-fc-gradient-middle: 5, 27%, 56%;
  --color-fc-gradient-end: 5, 27%, 42%;
}

.fc-grey-fade {
  --color-fc-gradient-start: 260, 1%, 41%;
  --color-fc-gradient-middle: 240 4% 67%;
  --color-fc-gradient-end: 60, 1%, 50%;
}

.fc-lightgrey-fade {
  --color-fc-gradient-start: 30, 7%, 53%;
  --color-fc-gradient-middle: 0 0% 74%;
  --color-fc-gradient-end: 30, 11%, 65%;
}

.fc-brown-fade {
  --color-fc-gradient-start: 24, 32%, 20%;
  --color-fc-gradient-middle: 24, 33%, 57%;
  --color-fc-gradient-end: 24, 33%, 33%;
}

.fc-blue-fade {
  --color-fc-gradient-start: 203, 22%, 20%;
  --color-fc-gradient-middle: 205 27% 39%;
  --color-fc-gradient-end: 204, 21%, 31%;
}

.fc-orange-fade {
  --color-fc-gradient-start: 21 55% 39%;
  --color-fc-gradient-middle: 25 55% 60%;
  --color-fc-gradient-end: 23 55% 50%;
}

.fc-orange {
  --color-fc-DEFAULT: var(--color-fcorange-DEFAULT);
  --color-fc-50: var(--color-fcorange-50);
  --color-fc-100: var(--color-fcorange-100);
  --color-fc-200: var(--color-fcorange-200);
  --color-fc-300: var(--color-fcorange-300);
  --color-fc-400: var(--color-fcorange-400);
  --color-fc-500: var(--color-fcorange-500);
  --color-fc-600: var(--color-fcorange-600);
  --color-fc-700: var(--color-fcorange-700);
  --color-fc-800: var(--color-fcorange-800);
  --color-fc-900: var(--color-fcorange-900);
}

@font-face {
  font-family: "geomanist";
  src: url("/fonts/geomanist-regular-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "geomanist";
  src: url("/fonts/geomanist-bold-webfont.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "geomanist";
  src: url("/fonts/geomanist-black-webfont.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

* {
  touch-action: manipulation;
  font-family:
    geomanist,
    ui-sans-serif,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    Arial,
    "Noto Sans",
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  letter-spacing: 0.025em;
}

dialog {
  scrollbar-width: thin;
}

/* fancy new CSS property that makes text wrap in a more balanced way -- in very few browsers */
h1,
h2,
h3,
h4,
p {
  text-wrap: balance;
}