:root {
  --ink: #1C1B1A;
  --paper: #F7F5EF;
  --paper-alt: #F1EEE5;
  --sand: #EFEBE0;
  --border: #DDD8CC;
  --text-body: #3B3936;
  --text-label: #6F6B65;
  --text-muted: #9A948C;
  --on-dark-slate: #DCE3E7;
  --on-dark-cream: #E4DFD5;

  --brand-green: #008940;
  --brand-green-alt: #018C47;
  --accent-amber: #F5A800;
  --accent-orange: #D9642B;
  --accent-slate: #33454E;

  --font-display: 'Archivo Black', Arial Black, sans-serif;
  --font-condensed: 'Barlow Condensed', Arial Narrow, sans-serif;
  --font-body: 'Barlow', Arial, Helvetica, sans-serif;

  --space-1: 4px;
  --space-2: 10px;
  --space-3: 16px;
  --space-4: 22px;
  --space-5: 28px;
  --space-6: 44px;

  --tracking-eyebrow: 0.32em;
  --tracking-tag: 0.14em;
  --tracking-display: -0.02em;

  --nav-height: 72px;
}

@font-face {
  font-family: 'Archivo Black';
  src: url('/fonts/archivo-black-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('/fonts/barlow-condensed-500.woff2') format('woff2');
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('/fonts/barlow-condensed-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('/fonts/barlow-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow';
  src: url('/fonts/barlow-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}