:root {
  --ink: #0c1412;
  --ink-2: #121c18;
  --ink-3: #1a2621;
  --paper: #e7efe6;
  --paper-dim: #c3d0c4;
  --brass: #c4a35a;
  --brass-2: #e8cc7a;
  --brass-ink: #1a1408;
  --mint: #5ee0a8;
  --copper: #e07058;
  --mist: #8fa399;
  --line: rgba(231, 239, 230, 0.12);
  --font: "Be Vietnam Pro", system-ui, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --z-base: 0;
  --z-card: 10;
  --z-sticky: 100;
  --z-overlay: 200;
  --z-modal: 300;
  --z-grain: 400;
  --max: 1180px;
  --gutter: clamp(16px, 4vw, 40px);
  --btn-h: 52px;
  color-scheme: dark;
}

.hl {
  color: var(--brass-2);
  font-family: var(--mono);
  font-style: normal;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.03em;
}