/* ============================================================
   Savory Marketing — base.css
   Base element styling + primitive utilities. Tokens only, no raw hex.
   ============================================================ */
body{font-family:var(--font-sans);background:var(--canvas);color:var(--ink);
  font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;
  transition:background var(--dur-base) var(--ease-standard)}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-btn)}
.container{max-width:var(--container);margin-inline:auto;padding-inline:24px}
.num{font-variant-numeric:tabular-nums}
.mono{font-family:var(--font-mono)}
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--accent);
  color:var(--accent-ink);padding:10px 16px;border-radius:0 0 var(--r-btn) 0}
.skip-link:focus{left:0}