:root{
  --bg:#ffffff;
  --ink:#0a0a0a;

  --muted: rgba(10,10,10,.72);
  --line: rgba(10,10,10,.18);

  --dark:#050505;
  --dark-ink:#f5f5f5;
  --dark-muted: rgba(245,245,245,.72);
  --dark-line: rgba(245,245,245,.18);

  --container:1120px;

  --radius:18px;
  --radius-lg:22px;

  --ls-wide:.18em;
  --ls-mid:.10em;

  --shadow-soft: 0 18px 60px rgba(0,0,0,.18);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  color:var(--ink);
  background:var(--bg);
}
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }

.container{
  width:min(var(--container), calc(100% - 48px));
  margin-inline:auto;
}

/* anchor offset for fixed header */
section{ scroll-margin-top: 90px; }