/* Axlund design language: base. Load after tokens.css. */

* { box-sizing: border-box; }
html, body { margin: 0; }

body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font);
  font-feature-settings: var(--font-features);
  font-size: var(--text-small);
  line-height: 1.5;
  letter-spacing: -0.013em;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button, input, select, textarea { font: inherit; color: inherit; letter-spacing: inherit; }
h1, h2, h3, h4 { font-weight: var(--weight-semibold); letter-spacing: var(--tracking-title); margin: 0; }
p { margin: 0; }
a { color: inherit; }

:focus-visible { outline: none; box-shadow: var(--ring); }
::selection { background: color-mix(in srgb, var(--accent) 24%, transparent); }

* { scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; }

[hidden] { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; animation: none !important; }
}