@font-face {
  font-family: "Protest Strike";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/protest-strike.ttf") format("truetype");
}

@font-face {
  font-family: "Tilt Warp";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/tilt-warp.ttf") format("truetype");
}

:root {
  --fr-charcoal: #1f1f1f;
  --fr-green: #4caf50;
  --fr-slate: #6b6b6b;
  --fr-light-grey: #e5e5e5;
  --fr-off-white: #f7f7f7;
  --fr-white: #ffffff;
  --fr-success: #2f7d32;
  --fr-warning: #8a5a00;
  --fr-danger: #a52828;
  --fr-info: #245d7a;
  --fr-focus: #2f7d32;
  --fr-space-1: 0.25rem;
  --fr-space-2: 0.5rem;
  --fr-space-3: 0.75rem;
  --fr-space-4: 1rem;
  --fr-space-5: 1.5rem;
  --fr-space-6: 2rem;
  /* Public-site radius rule: square or nearly square; circles are the exception. */
  --fr-radius-sm: 2px;
  --fr-radius-md: 2px;
  --fr-radius-lg: 2px;
  --fr-shadow-sm: 0 0.125rem 0.5rem rgb(31 31 31 / 10%);
  --fr-font-sans: "Tilt Warp", ui-sans-serif, system-ui, sans-serif;
  --fr-font-display: "Protest Strike", ui-sans-serif, system-ui, sans-serif;
}