:root {
  --ink: #19282d;
  --muted: #878787;
  --line: #d7dcde;
  --paper: #ffffff;
  --white: #ffffff;
  --forest: #19282d;
  --forest-dark: #101c20;
  --copper: #344e86;
  --gold: #344e86;
  --soft-green: #f4f5f5;
  --radius: 4px;
  --brand-radius: 4px;
  --button-radius: 2px;
  --max: 1160px;
  --client-font-stack: Roboto, Arial, sans-serif;
  --client-body-font-stack: Roboto, Arial, sans-serif;
  --client-heading-font-stack: 'Rozha One', Georgia, serif;
  --client-button-font-stack: Roboto, Arial, sans-serif;
  --client-heading-weight: 400;
  --client-body-weight: 400;
  --client-button-weight: 700;
  --button-on-accent: #ffffff;
  --source-accent: #344e86;
  --source-accent-contrast: #ffffff;
  --source-deep: #19282d;
  --source-deep-contrast: #ffffff;
  --source-text: #19282d;
  --source-neutral: #878787;
  --source-light: #f4f5f5;
}

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);
}