/* Shared primitives for mochiexists.com pages.
   This file is the palette source of truth for `site/`. The sibling
   `yolo/` repo mirrors the same token names inline (it doesn't link
   this stylesheet — we keep each deployment self-contained) so when
   one palette moves, both repos should move together by hand. */

:root {
  --bg:            #0a0a0f;
  --text:          #d4d4dc;   /* bright primary — headlines, emphasis */
  --text-muted:    #c8c8d0;   /* body copy (slightly dimmer) */
  --accent:        #7c6f9c;   /* purple, used for links + glow */
  --accent-glow:   rgba(124, 111, 156, 0.15);
}

.repel span {
  display: inline-block;
}

.frequency {
  position: fixed;
  bottom: 1rem;
  font-size: 0.7rem;
  opacity: 0.2;
  letter-spacing: 0.2em;
  z-index: 1;
}

.links a {
  color: var(--accent);
  text-decoration: none;
  transition: color 0.3s ease, opacity 0.3s ease;
}

.links a:hover {
  color: var(--text-muted);
  opacity: 1;
}