@font-face {
  font-family: "Encode Sans Compressed";
  src: local('Encode Sans Compressed'),
       url('../../fonts/encodesanscompressed-600-semibold-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans Compressed";
  src: local('Encode Sans Compressed'),
       url('../../fonts/encodesanscompressed-600-semibold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans Compressed";
  src: local('Encode Sans Compressed'),
       url('../../fonts/encodesanscompressed-800-extrabold-webfont.woff') format('woff');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Encode Sans Compressed";
  src: local('Encode Sans Compressed'),
       url('../../fonts/encodesanscompressed-900-black-webfont.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
    /* theme colors */
    --dark-gold: #857552;
    --light-gold: #e8e3d7;
    --yellow: #FFC705;
    --grey: #3D3D44;
    --dark-text: #373a4c;
    --dark-text-other: #404045;
    --dark-grey: #212122;
    --dark-purple: #320022;
    --darkish-purple: #4b2e8a;
    --light-purple: #614bbb;
    --pink: #ff75ff;
    --pink-background: #e93fff;
    --very-light-purple-border: #c5b5ff;

    --primary-color: #320077;
    --secondary-color: #613bb1;
    --input-background-color: #F1F1F5;
    --text-color: #4b2e88;
    --link-color: #4b2e88;
    --tile-text-color: white;
    --button-text-color: white;
    --hover-text-color: white;
    --error-color: red;
    --error-hover-color: #cc0000;
    --background-color: #e8e3d9;
    --border-color: #c5b4e3;
    --hover-color: #613baf;
    --disabled-color: #f0f0f5;
    --tooltip-background: hwb(0 33% 67%);
    --tooltip-text: #fff;
    --tooltip-text-size: calc(14px);
    --content-background-color: white;
    --content-border-color: #c5b4e3;
    --selected-color: #c5b4e3;
    --content-font-color: #373a3f;
    --content-header-color: #613baf;
    --card-border-radius: 15px;
    --font-family: "Encode Sans Compressed", sans-serif;
    --content-font-family: "Open Sans", sans-serif;
    --button-font-family: "Open Sans", sans-serif;
    --button-border-radius: 8px;
    --container-border-radius: 8px;
    --card-border-radius: 20px;
    --study-tile-right-color: #008000;
    --study-tile-right-hover-color: #4eb84e;
  }