:root {
  --small: 640px;
  --medium: 768px;
  --large: 1024px;
  --xlarge: 1280px;
  --huge: 1730px;

  --primary-background-color: rgb(27, 38, 44);
  --primary-background-color-faded: rgba(27, 38, 44, 0.7);
  --secondary-background-color: rgb(18, 26, 30);
  --secondary-background-color-faded: rgba(18, 26, 30, 0.7);
  --tertiary-background-color: rgb(35, 55, 78);
  --tertiary-background-color-faded: rgba(35, 55, 78, 0.7);
  --quaternary-background-color: rgb(90, 152, 255);
  --quaternary-background-color-faded: rgba(90, 152, 255, 0.7);

  --highlight-background-color: lightblue;

  --primary-text-color: rgba(255, 255, 255, 0.87);
  --primary-text-color-hover: rgba(187, 225, 250, 0.87);
  --primary-link-color: rgb(90, 152, 255);

  --secondary-text-color: rgba(191, 191, 191, 0.87);
  --secondary-text-color-hover: rgba(187, 225, 250, 0.87);
  --secondary-link-color: rgb(90, 152, 255);

  --highlight-text-color: rgb(27, 38, 44);

  --primary-button-background-color: rgb(0, 123, 255);
  --primary-button-border-color: rgb(0, 123, 255);
  --primary-button-background-color-hover: rgba(0, 77, 159);
  --primary-button-background-color-faded: rgba(96, 126, 159, 0.7);
  --primary-box-shadow: 0.1rem 0.1rem 1rem black;
  --primary-buttonlink-text-color: rgb(0, 123, 255);
  --primary-buttonlink-background-color: transparent;
  --primary-buttonlink-border-color: rgb(0, 123, 255);
  --primary-buttonlink-background-color-hover: rgba(0, 77, 159, 0.1);
  --primary-buttonlink-background-color-faded: rgba(96, 126, 159, 0.7);

  --secondary-button-background-color: rgb(96, 157, 191);
  --secondary-button-border-color: rgb(96, 157, 191);
  --secondary-button-background-color-hover: rgb(60, 98, 119);
  --secondary-button-background-color-faded: rgba(120, 135, 143, 0.7);
  --secondary-box-shadow: 0.1rem 0.1rem 1rem black;
  --secondary-buttonlink-text-color: rgb(96, 157, 191);
  --secondary-buttonlink-background-color: transparent;
  --secondary-buttonlink-border-color: rgb(96, 157, 191);
  --secondary-buttonlink-background-color-hover: rgba(60, 98, 119, 0.1);
  --secondary-buttonlink-background-color-faded: rgba(120, 135, 143, 0.7);

  --tertiary-button-background-color: rgb(148, 152, 157);
  --tertiary-button-border-color: rgb(148, 152, 157);
  --tertiary-button-background-color-hover: rgb(93, 95, 98);
  --tertiary-button-background-color-faded: rgba(130, 131, 131, 0.7);
  --tertiary-box-shadow: 0.1rem 0.1rem 1rem black;
  --tertiary-buttonlink-text-color: rgb(148, 152, 157);
  --tertiary-buttonlink-background-color: transparent;
  --tertiary-buttonlink-border-color: rgb(148, 152, 157);
  --tertiary-buttonlink-background-color-hover: rgb(93, 95, 98, 0.1);
  --tertiary-buttonlink-background-color-faded: rgba(130, 131, 131, 0.7);

  --remove-button-background-color: rgb(220, 53, 69);
  --remove-button-border-color: rgb(220, 53, 69);
  --remove-button-background-color-hover: rgb(137, 33, 43);
  --remove-button-background-color-faded: rgba(151, 109, 113, 0.7);
  --remove-box-shadow: 0.1rem 0.1rem 1rem black;
  --remove-buttonlink-text-color: rgb(220, 53, 69);
  --remove-buttonlink-background-color: transparent;
  --remove-buttonlink-border-color: rgb(220, 53, 69);
  --remove-buttonlink-background-color-hover: rgb(137, 33, 43, 0.1);
  --remove-buttonlink-background-color-faded: rgba(151, 109, 113, 0.7);

  /* --primary-spacing: 1rem; */
  /* --secondary-spacing: 0.5rem; */
  /* --tertiary-spacing: 0.25rem; */

  --menu-width-small: 250px;
  --menu-width-big: 300px;
}