/* Shared Volt identity. Original OFL fonts, also bundled in the native app. */
@font-face {
  font-family: 'Archivo'; font-style: normal; font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/volt/Archivo-Variable.ttf') format('truetype');
}
@font-face {
  font-family: 'Big Shoulders Display'; font-style: normal; font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/volt/BigShouldersDisplay-Variable.ttf') format('truetype');
}
:root {
  color-scheme: dark;
  --bg: #0a0a0a; --card: #141414; --fg: #f5f5f0;
  --muted: #aaa; --line: #303030; --accent: #c8ff00;
  --display: 'Big Shoulders Display', Impact, sans-serif;
  --body: 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: ui-monospace, 'SF Mono', monospace;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 100px; }
body { font-family: var(--body); -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
::selection { background: var(--accent); color: #0a0a0a; }
img, svg { max-width: 100%; }
[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}