@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("assets/fonts/space-grotesk-latin.woff2") format("woff2");
}

:root {
  --fr-bg: #0a0a0f;
  --fr-surface: #111118;
  --fr-surface-raised: #161b22;
  --fr-line: #1e1e2e;
  --fr-text: #e6edf3;
  --fr-muted: #8b949e;
  --fr-teal: #26a69a;
  --fr-teal-strong: #2bbbad;
  --fr-mint: #1de9b6;
  --fr-gold: #f0b90b;
  --fr-red: #ff6b6b;
  --fr-blue: #58a6ff;
  --fr-font: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color-scheme: dark;
}

.brand-target {
  flex: 0 0 auto;
  font-size: 28px;
  line-height: 1;
}

.brand-wordmark {
  display: grid;
  gap: 1px;
  min-width: 0;
  line-height: 1;
}

.brand-wordmark strong {
  color: var(--fr-text);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: -0.5px;
}

.brand-accent {
  color: var(--fr-teal);
}

.brand-wordmark small,
.brand-byline {
  color: var(--fr-muted);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.045em;
}