:root {
  --font1: "BentonSans Bold", sans-serif;
  --font2: "BentonSans Regular", sans-serif;
  --font3: "BentonSans Medium", sans-serif;

  --green: #34a853;
  --blue: #4285f4;
  --white: #fff;
  --color-slate-gray: #53575c;
  --color-dark-bg: #202124;
  --color-medium-gray: #555555;
  --color-accent-yellow: #ecb005;
  --color-accent-blue: #689cff;
  --color-accent-green: #61c34a;
  --color-light-blue: #e8f0fe;
  --color-primary: #1a73e8;
  --color-slate: #858b99;
  --color-blue: #4885f1;
  --color-neutral: #555;
  --color-background-light: #f9f9f9;
  --yellow: #ffd43c;
  --color-bg-light: #f3f3f3;
  --black: #000;
  --vivid-blue: #0038ff;
  --midnight-slate: #363c54;
  --midnight-blue: #032b67;
  --light-blue: #7ab4d4;
}

/* -700, 701-1200, 1201 - 1600, 1601+ */