/* ============================================================
   AXIAL — Base / reset. Dark-first. Sets the blueprint canvas
   and a few ergonomic defaults. Kept light-touch so component
   styles stay in charge.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--text-primary);
  background: var(--app-shell);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Engineering data — anywhere you show a clause, ratio, ID, hash */
.ax-mono, code, kbd, samp {
  font-family: var(--font-mono);
  font-feature-settings: "zero" 1; /* slashed zero for legibility */
}

/* Overline / eyebrow label */
.ax-overline {
  font-size: var(--fs-xs);
  font-weight: var(--fw-semibold);
  letter-spacing: var(--ls-overline);
  text-transform: uppercase;
  color: var(--text-muted);
}

a { color: var(--link); text-decoration: none; }
a:hover { text-decoration: underline; }

::selection { background: var(--green-tint); color: var(--white); }

:focus-visible { outline: none; box-shadow: var(--glow-focus); border-radius: var(--radius-sm); }

/* Thin dark scrollbars to match the shell */
* { scrollbar-width: thin; scrollbar-color: var(--navy-500) transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: var(--navy-500); border-radius: 999px; border: 2px solid transparent; background-clip: content-box; }
*::-webkit-scrollbar-track { background: transparent; }

h1,h2,h3,h4 { font-weight: var(--fw-semibold); line-height: var(--lh-snug); letter-spacing: var(--ls-tight); margin: 0; }
p { margin: 0; }