/* Tokens, resets, and shared primitives. */
:root {
  color-scheme: dark;
  --bg: #0e0e0e;
  --ink: #e6e6e3;
  --muted: #85857f;
  --muted-dim: #6c6c67;
  --line: #1f1f1f;
  --line-strong: #2a2a2a;
  --tile-bg: #181818;
  --tick: #3a3a37;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: var(--bg);
  color: var(--ink);
  font-family: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
a:hover {
  opacity: 0.7;
}

button {
  font-family: inherit;
}

.mono {
  font-family: "Geist Mono", ui-monospace, monospace;
}

@keyframes obShimmer {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}