/* ── Base ─────────────────────────────────────────────────────────────────── */

:root {
  color-scheme: dark;
  --font-display: 'Bebas Neue';
  --font-sans: 'Inter', system-ui, sans-serif;
}

html {
  background-color: #0a0a0a;
  scroll-behavior: smooth;
}

* {
  border-color: #222222;
}

::selection {
  background-color: #c9a96e;
  color: #0a0a0a;
}

/* ── Font display utility ─────────────────────────────────────────────────── */

.font-display {
  font-family: var(--font-display), Impact, sans-serif;
}

/* ── Chip ring spin animation ─────────────────────────────────────────────── */

@keyframes chip-ring-spin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

.chip-ring-spin {
  animation: chip-ring-spin 70s linear infinite;
}

/* ── Brand ticker animation ───────────────────────────────────────────────── */

@keyframes ticker {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.ticker-track {
  animation: ticker 28s linear infinite;
}