/* COLORS */

:root {
  --color-main-1: #567180;     /* dark cyan */
  --color-main-2: #662810;     /* brown */
  --color-main-3: #93BC53;     /* leaf green */
  --color-comp-1: #806556;     /* chocolate */
  --color-comp-2: #104E66;     /* turquoise */
  --color-comp-3: #7B53BC;     /* purple */
  --color-main-1-dim: #2D3B43; /* darker cyan */
  --color-main-2-dim: #4C1E0C; /* darker brown */
  --color-main-3-dim: #59742D; /* darker leaf green */
  --color-comp-1-dim: #4A3A31; /* darker chocolate */
  --color-comp-2-dim: #0C3B4C; /* darker turquoise */
  --color-comp-3-dim: #4C2F79; /* darker purple */
  --color-font-1: white;
  --color-font-2: gray;
  --color-font-3: black;

  --color-button-1: #7B53BC;     /* purple */
  --color-button-1-dim: #4C2F79; /* darker purple */
  --color-label-1: #293A4A;      /* dark gray */
}