@font-face {
  font-family: "Tin Sans";
  src: url("/fonts/geist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --tin-sans: "Tin Sans", system-ui, sans-serif;
  --tin-graphite: #111818;
  --tin-sheet: #f2f3ef;
  --tin-copper: #e5a17b;
  --tin-copper-hover: #f1b48e;
  --tin-copper-ink: #873f24;
  --tin-edge: 6px;
}

.tin-wordmark { font-family: var(--tin-sans); font-weight: 680; letter-spacing: 0; }
.tin-wordmark-period { color: var(--tin-wordmark-accent, var(--tin-copper-ink)); }