:root {
  --green: #001c0b;
  --green-deep: #000f06;
  --green-line: #1c3a27;
  --green-muted: #98a59c;
  --green-soft: #c9d3cc;
  --quiet: #5f625f;
  --graphite: #141615;
  --graphite-line: #2b2f2d;
  --graphite-text: #a3a8a5;
  --ground: #f5f5f3;
  --rule: #e4e4e1;
  --rule-soft: #eeeeec;
  --ink: #161616;
  --ink-muted: #696969;
  --body: #3a3a3a;
  --mint: #60fcae;
  --accent: #15a267;
  --sign-red: #e5243b;
  --gutter: clamp(16px, 4.4vw, 64px);
  color-scheme: light;
}

* { box-sizing: border-box; }

:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 6px; }
.skip { position: absolute; left: 16px; top: -60px; z-index: 20; background: #fff; color: var(--green); padding: 10px 14px; border-radius: 8px; }
.skip:focus { top: 16px; }