/* Document defaults. No component styling here — see components.css. */

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bone);
  color: var(--basalt);
  font-family: Archivo, sans-serif;
  font-size: var(--text-base);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, p, ul, ol { margin: 0; }

a { color: var(--basalt); text-decoration: none; }
a:hover { color: var(--brass); }

img, svg { max-width: 100%; }

input[type=range] { accent-color: var(--brass); width: 100%; }

.mono { font-family: 'JetBrains Mono', monospace; }
.link-accent { color: var(--brass); }