@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..600;1,9..144,300..500&family=DM+Mono:wght@400;500&display=swap');
:root {
  --bg: #EEE8DC;
  --ink: #2A2118;
  --muted: #857866;
  --accent: #B8691E;
  --sheet: #F4EFE6;
  --rule: #D4CAB8;
  --rule-soft: #E2DACB;
  --zebra: transparent;
  --chip: transparent;
  --chip-ink: #5A4C3C;
  --chip-on: transparent;
  --chip-on-ink: #2A2118;
  --code-bg: #EAE3D5;
  --byte-a: #DCD2BF;
  --byte-b: #BFAF94;
  --mono: 'DM Mono', ui-monospace, monospace;
  --display: 'Fraunces', Georgia, serif;
  --display-weight: 350;
  --prose: 'Fraunces', Georgia, serif;
  --prose-size: 18.5px;
  --brand-size: 30px;
}
.sheet { border: 0; box-shadow: 0 1px 0 var(--rule); }
.brand { font-weight: 300; font-variation-settings: 'opsz' 144; }
h1 { font-size: 40px; font-weight: 300; font-variation-settings: 'opsz' 144; }
h2 { font-size: 24px; font-weight: 350; font-style: italic; }
.nav { gap: 16px; }
.nav a { padding: 0; font-size: 12px; }
.nav a[aria-current] { text-decoration: underline; text-underline-offset: 4px; }
table.kv th { font-family: var(--mono); }