[data-dark="false"] {
  --secondary: #5ce1e6;
  --primary: #0cc0df;
  --text: #000000;
  --background: #ffffff;
  --background-alt: #fafafa;
  --light-gray: #e0e0e0;
  --gray: #808080;
  --dark-gray: #404040;
  --overlay: #4a4e4f20; }

[data-dark="true"] {
  --secondary: #37b2b6;
  --primary: #0cc0df;
  --text: #ffffff;
  --background: #181818;
  --background-alt: #1c1c1c;
  --light-gray: #504f4f;
  --gray: #808080;
  --dark-gray: #b0b0b0;
  --overlay: #f3f8f820; }

:root {
  --title: "Montserrat", sans-serif;
  --heading: "Montserrat", sans-serif;
  --body: "Open Sans", sans-serif;
  --code: "Fira Code", monospace;
  --large: 1.2rem;
  --xl: 1.4rem;
  --xxl: 1.6rem;
  --thin: 200;
  --regular: 400;
  --semi-bold: 500;
  --bold: 600;
  --spacing: 2;
  --compact: 1.5;
  --rounded: 3px;
  --shadow: 0 0 10px 0 var(--overlay);
  --transition: 0.2s ease; }