:root {
  /* Palette: fern-house green, linen, brass */
  --fern: #2c3827;
  --fern-2: #3a4832;
  --moss: #6f7c58;
  --sage: #cfd4bd;
  --linen: #f6f1e7;
  --oat: #ece4d4;
  --paper: #fbf8f2;
  --brass: #a07c43;
  --brass-lt: #cdb07b;
  --ink: #1d231a;
  --muted: #545c4b;
  --on-dark: #f3ede1;
  --on-dark-muted: #c8c6b4;
  --line: rgba(29, 35, 26, 0.16);
  --line-dark: rgba(243, 237, 225, 0.2);

  /* Type */
  --f-display: "Red Hat Display", "Helvetica Neue", Arial, sans-serif;
  --f-body: "Albert Sans", "Helvetica Neue", Arial, sans-serif;
  --f-mark: "Marcellus", "Didot", Georgia, serif; /* wordmark only: matches the signage */
  --w-thin: 300;
  --w-reg: 400;
  --w-med: 500;

  --t-mega: clamp(2.75rem, 7.2vw, 6.5rem);
  --t-h1: clamp(2.5rem, 5.6vw, 5rem);
  --t-h2: clamp(2.1rem, 4.2vw, 3.75rem);
  --t-h3: clamp(1.35rem, 2vw, 1.75rem);
  --t-lead: clamp(1.1rem, 1.4vw, 1.3rem);
  --t-body: 1.0625rem;
  --t-small: 0.9rem;
  --t-label: 0.74rem;

  --track-label: 0.24em;
  --track-tight: -0.015em;

  /* Space */
  --gutter: clamp(20px, 5vw, 48px);
  --section: clamp(72px, 10vw, 136px);
  --max: 1320px;
  --measure: 60ch;

  /* Shape */
  --r-sm: 2px;
  --r-pill: 999px;
  --frame-offset: 14px;

  --bar-h: 72px;
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}