@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 600 800;
  font-display: swap;
  src: url("/assets/fonts/bricolage-grotesque-latin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-latin.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Sans";
  font-style: normal;
  font-weight: 600 700;
  font-display: swap;
  src: url("/assets/fonts/ibm-plex-sans-semibold-latin.woff2") format("woff2");
}

:root {
  --analytics-ink-strong: #050505;
  --analytics-ink: #171717;
  --analytics-muted: #5f5f5f;
  --analytics-rule-color: #d8d8d8;
  --analytics-paper-soft: #f4f4f4;
  --analytics-paper: #ffffff;
  --analytics-accent: #e30613;
  --analytics-accent-ink: #ffffff;
  --analytics-font-display: "Bricolage Grotesque", Arial, Helvetica, sans-serif;
  --analytics-font-body: "IBM Plex Sans", Arial, Helvetica, sans-serif;
  --analytics-max: 1240px;
  --analytics-max-offset: 620px;
  --analytics-gutter: 16px;
  --analytics-header-height: 56px;
  --analytics-control-height: 48px;
  --analytics-radius-sm: 6px;
  --analytics-radius-md: 8px;
  --analytics-rule-width: 1px;
  --analytics-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --analytics-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --analytics-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --analytics-dur-micro: 120ms;
  --analytics-dur-short: 220ms;
  --analytics-space-1: 4px;
  --analytics-space-2: 8px;
  --analytics-space-3: 12px;
  --analytics-space-4: 16px;
  --analytics-space-6: 24px;
  --analytics-space-10: 40px;
  --analytics-space-16: 64px;
  --analytics-space-24: 96px;
  --analytics-space-36: 144px;
  --analytics-focus: var(--analytics-accent);
  --analytics-error: var(--analytics-accent);
  --analytics-status: var(--analytics-ink);
}