:root {
  --background: #fafafa;
  --foreground: #111111;
  --muted: #737373;
  --border: #e8e8e8;
  --signal: #6e7cff;
  --warn: #96631c;
  --color-scheme: light;
  --nav-border: #d4d4d4;
  --link-line: #cfcfcf;
  --compass-filter: none;

  --font-sans: "Instrument Sans", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Instrument Serif", ui-serif, Georgia, serif;

  --text-name: 0.9375rem;
  --text-nav: 0.875rem;
  --text-statement: clamp(1.75rem, 3.4vw, 2.75rem);
  --text-section: 0.75rem;
  --text-index: clamp(1.375rem, 2.4vw, 1.625rem);
  --text-heading-2: clamp(1.5rem, 2.8vw, 2rem);
  --text-heading-3: clamp(1.25rem, 2.2vw, 1.5rem);
  --text-body: 1.0625rem;
  --text-meta: 0.9375rem;
  --text-footer: 0.8125rem;

  --content: 67.5rem;
  --measure: 38rem;
  --page-pad: 1.5rem;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 180ms;
}

:root[data-theme="dark"] {
  --background: #171819;
  --foreground: #e7e3db;
  --muted: #aaa69f;
  --border: #333638;
  --nav-border: #55595c;
  --link-line: #696b6e;
  --signal: #a6afff;
  --warn: #e3ac66;
  --color-scheme: dark;
  --compass-filter: invert(1);
}