:root {
  --ink: #1a171b;
  --muted: #5f6268;
  --line: #d9d9dd;
  --paper: #ffffff;
  --white: #ffffff;
  --forest: #1a171b;
  --forest-dark: #1a171b;
  --copper: #3a3a3a;
  --gold: #3a3a3a;
  --soft-green: #f1f2f7;
  --radius: 2px;
  --brand-radius: 2px;
  --button-radius: 2px;
  --max: 1160px;
  --client-font-stack: Montserrat, Helvetica, Arial, sans-serif;
  --client-body-font-stack: Montserrat, Helvetica, Arial, sans-serif;
  --client-heading-font-stack: Montserrat, Helvetica, Arial, sans-serif;
  --client-heading-weight: 700;
  --client-body-weight: 400;
  --client-button-weight: 700;
  --button-on-accent: #ffffff;
  --source-accent: #3a3a3a;
  --source-accent-contrast: #ffffff;
  --source-deep: #1a171b;
  --source-text: #1a171b;
  --source-neutral: #5f6268;
  --source-light: #f1f2f7;
}

body {
  font-family: var(--client-body-font-stack);
  font-weight: var(--client-body-weight);
}

h1, h2, h3, .brand, .brand-mark {
  font-family: var(--client-heading-font-stack);
  font-weight: var(--client-heading-weight);
}

.button {
  border-radius: var(--button-radius);
  font-weight: var(--client-button-weight);
}

.brand-mark {
  border-radius: var(--brand-radius);
}