:root {
  --fairy-night: #09091c;
  --fairy-surface: #14152f;
  --fairy-text: #f4f3ff;
  --fairy-muted: #aaa9c5;
  --fairy-cyan: #63e6ff;
  --fairy-violet: #a98bff;
  --fairy-coral: #ff75b5;
  --fairy-gold: #ffd166;
  --fairy-mint: #66efbd;
}

body {
  background-color: var(--fairy-night);
  color: var(--fairy-text);
}

.ah-brand,
[data-platform-brand] {
  font-weight: 800 !important;
  letter-spacing: -0.02em;
}

.ah-brand::before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -6px;
  background: url('/fairystack-mark.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 8px rgba(99, 230, 255, 0.35));
}

.ah-link:hover,
.ah-link.ah-active {
  color: var(--fairy-cyan) !important;
}

button,
input,
select,
textarea {
  font: inherit;
}

::selection {
  color: #09091c;
  background: var(--fairy-gold);
}