@font-face {
  font-family: "IBMPlexSans";
  src: url('../../fonts/IBMPlexSans-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 700; /* Define the range of weights available */
  font-style: normal;
}

@font-face {
  font-family: "IBMPlexSans";
  src: url('../../fonts/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
  font-weight: 100 700; /* Define the range of weights available */
  font-style: italic;
}

: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: #1B5E20;
    --secondary-color: #1B5E20;
    --input-background-color: #F1F1F5;
    --text-color: #1B5E20;
    --link-color: #1B5E20;
    --tile-text-color: white;
    --button-text-color: white;
    --hover-text-color: white;
    --error-color: red;
    --error-hover-color: #cc0000;
    --background-color: #F7F5ED;
    --border-color: #1B5E20;
    --hover-color: #67b289;
    --disabled-color: #f0f0f5;
    --tooltip-background: hwb(0 33% 67%);
    --tooltip-text: #fff;
    --tooltip-text-size: calc(14px);
    --content-background-color: white;
    --content-border-color: #1B5E20;
    --selected-color: #67b289;
    --content-font-color: #373a3f;
    --content-header-color: #1B5E20;
    --card-border-radius: 15px;
    --font-family: "IBMPlexSans", 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;
  }