:root {
  /* FONTS */
  --title-font: 'Lato', sans-serif;
  --heading-font: 'Lato', sans-serif;
  --body-font: 'Lato', sans-serif;
  --mono-font: 'Roboto Mono', monospace;
  --toc-font-size: .9rem;
  --fa: 'Font Awesome 5 Free';

  /* COLORS */
  --logz-logo-normal: #002e42;

  --text-normal: #53585f;
  --text-normal-75: #53585fbf;
  --text-normal-25: #53585f1a;
  --text-normal-10: #53585f0a;

  --tab-inactive: #797d82;

  --text-light: #c5c5c5;
  --text-link: #2c8eb8;
  --text-link-footer: var(--logz-logo-normal);
  --text-link-gray: #656565;
  --text-code: #e53935;

  --heading-normal: #53585f;
  --heading-blue: #002e42;
  --heading-blue-75: #002e42be;
  --heading-blue-50: #002e4280;

  --tasklist-heading: rgb(var(--app-orange-60));
  --tasklist-light: rgb(var(--app-yellow-primary));
  --dl-letter: var(--app-orange-60);

  --infobox-alpha: .1;

  --infobox-note: rgb(var(--app-blue-50));
  --infobox-note-light: rgba(var(--app-blue-50), var(--infobox-alpha));

  --infobox-important: rgb(var(--app-orange-40));
  --infobox-important-light: rgba(var(--app-orange-40), var(--infobox-alpha));

  --infobox-warning: rgb(var(--app-red-50));
  --infobox-warning-light: rgba(var(--app-red-50), var(--infobox-alpha));

  --infobox-tip: rgb(var(--app-green-50));
  --infobox-tip-light: rgba(var(--app-green-50), var(--infobox-alpha));

  --infobox-read: rgb(var(--app-gray-80));
  --infobox-read-light: rgba(var(--app-gray-60), var(--infobox-alpha));

  --border-light: rgb(var(--app-gray-50));
  --border-very-light: rgba(var(--app-gray-50), .7);
  --border-dark: var(--heading-normal);
  --card-shadow: 5px 10px 25px 0 #c1c1c17a;

  --background-light: #f0f0f0;
  --background-very-light: #fafafa;

  --docs-orange-primary: #F7C15C;

  --app-yellow-primary: 247, 193, 92;

  --app-orange-60: 192, 91, 16;
  --app-orange-50: 196, 118, 33;
  --app-orange-40: 245, 124, 0;
  --app-green-50: 28, 165, 33;
  --app-red-60: 182, 18, 4;
  --app-red-50: 224, 67, 54;
  --app-blue-70: 43, 95, 115;
  --app-blue-50: 11, 124, 173;
  --app-gray-60: 159, 171, 188;
  --app-gray-50: 216, 216, 216;
  --app-gray-80: 121, 125, 130;
}