:root {
  --nyan-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --nyan-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --nyan-radius-sm: 6px;
  --nyan-radius-md: 10px;
  --nyan-radius-lg: 16px;
  --nyan-space-1: 4px;
  --nyan-space-2: 8px;
  --nyan-space-3: 12px;
  --nyan-space-4: 16px;
  --nyan-space-5: 24px;
  --nyan-surface-0: #06161f;
  --nyan-surface-1: #0a1d28;
  --nyan-surface-2: #0d2632;
  --nyan-surface-raised: #102d39;
  --nyan-line: #294b58;
  --nyan-line-strong: #3a6573;
  --nyan-text: #edf6f7;
  --nyan-text-muted: #9eb3bc;
  --nyan-accent: #63dfc1;
  --nyan-accent-strong: #31bfa0;
  --nyan-warning: #ffbd66;
  --nyan-danger: #ff827a;
  --nyan-focus: #87ead3;
  --nyan-shadow: 0 18px 46px rgba(0, 8, 13, 0.24);
}

.genius-brand-symbol {
  display: block;
  width: 40px;
  height: 40px;
  flex: none;
  object-fit: contain;
  filter: drop-shadow(0 5px 12px rgba(1, 53, 100, 0.2));
}

.genius-wordmark {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
  font-weight: 850;
  letter-spacing: 0.075em;
}

.genius-wordmark-geni {
  color: #19b9ee;
}

.genius-wordmark-us {
  color: #ff8a00;
}

.genius-wordmark-product {
  margin-inline-start: 0.34em;
  color: currentColor;
}

html {
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}

:where(button, input, select, textarea) {
  font: inherit;
}

:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 3px solid rgba(135, 234, 211, 0.72);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}
