@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&family=Geist+Mono:wght@400;500&display=swap');
:root {
  --bg: #E7E7E2;
  --ink: #0B0B0C;
  --muted: #6B6B68;
  --accent: #2438FF;
  --sheet: #EFEFEB;
  --rule: #0B0B0C;
  --rule-soft: #D2D2CC;
  --zebra: transparent;
  --chip: transparent;
  --chip-ink: #0B0B0C;
  --chip-on: #0B0B0C;
  --chip-on-ink: #EFEFEB;
  --code-bg: #0B0B0C;
  --byte-a: #CFCFC8;
  --byte-b: #9C9C95;
  --mono: 'Geist Mono', ui-monospace, monospace;
  --display: 'Geist', system-ui, sans-serif;
  --display-weight: 500;
  --prose: 'Geist', system-ui, sans-serif;
  --prose-size: 16px;
  --brand-size: 20px;
}
.sheet { border: 1px solid var(--ink); }
.brand { font-weight: 600; letter-spacing: -0.5px; }
h1 { font-size: 34px; letter-spacing: -1px; }
h2 { font-size: 19px; letter-spacing: -0.3px; }
h2::before { content: '/'; color: var(--accent); margin-right: 6px; font-family: var(--mono); }
.nav a { padding: 0; font-size: 12px; }
.nav a::before { content: '/'; color: var(--muted); }
.nav a[aria-current] { background: transparent; color: var(--accent); }
.formula, pre.code { background: var(--code-bg); color: #E7E7E2; border-color: var(--code-bg); }
pre.code .c { color: #7D86FF; }
pre.code .m { color: #8F8F88; }