:root {
    --surface: #ffffff;
    --theme: #FFE680;
    --text: #111111;
    --medium: 4px;
    --round: 15px;
    --drop-shadow: 0px 2px 4px 2px rgba(0, 0, 0, 0.14);
    --schaduw: 0px 2px 4px 0px rgba(0, 0, 0, 0.14);
    --subtle: #767676;
    --primary-background: #E0EAFF;
    --subtle-primary-background: rgb(237, 242, 252);
    --background: #eeeeee;
    --subtle-border: #d1d1d1;
    --secondary: #074EE8;
    --secondary-hover:#0042d2;
    --regular-text: 'Montserrat', sans-serif;
    --theme-text: 'IBM Plex Mono', monospace;
}