:root {
  /* Colors */
  --color-white: #ffffff;
  --color-white-1: #f7f7f7;
  --color-white-2: #ebe8e8;
  --color-white-3: #dddddd;
  --color-black: #000000;
  --color-black-1: #2b2b2b;
  --color-black-2: #333333;
  --color-black-3: #666666;
  --color-gray-1: #999999;
  --color-gray-2: #aaaaaa;
  --color-gray-3: #cccccc;
  --color-primary: rgb(56, 90, 241);
  --color-highlight: rgba(75, 120, 255, 0.67);
  --color-complementary-1: rgb(255, 205, 75);
  --color-complementary-2: rgb(178, 134, 17);

  --color-background: var(--color-highlight);
  --background-blend: multiply;

  /* Fonts */
  --font-family-sans: 'PT Root UI', -apple-system, system-ui, "Roboto", "Helvetica Neue", sans-serif;
  --font-family-serif: "Source Serif Pro", "Times", "Times New Roman", serif;
}
