:root {
    --bs-primary: #00d880;
    --bs-primary-accent: #00b36a;
    --bs-primary-rgb: 0, 216, 128;
    --bs-secondary: #1c1b50;
    --bs-secondary-accent: #282681;
    --bs-body-color: #001f32;
    --bs-light: #f7f7f9;
    --bs-secondary-rgb: 220, 220, 220;
  }
  
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--bs-light);
  }
  
  ::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(var(--bs-secondary-rgb), 1);
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: rgba(var(--bs-secondary-rgb), 1);
  }
  
/* latin */
@font-face {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 100 1000;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/dmsans/v15/rP2Hp2ywxg089UriCZOIHQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  #inschrijven_als {
    input {
        display: none;
    }
    input:not(:checked) ~ label {
        background-color: var(--bs-light);
        color: var(--bs-primary);
    }
  }