:root {
    --primary-color: #22B6F0;
    --primary-dark-color: #1F7EA3;
    --accent-color: #EF395D;
    --accent-dark-color: #A31733;
    --background-color: #ffffff;
    --canvas-color: #D9D9D9;
    --highlight-color: #F0E751;
    --fieldset-color: #F1F2F7;
    --background-disabled: #eee;

    --text-color: #333;
    --text-onprimary-color: #202020;
    --text-onprimary-dark-color: #f7f7f7;
    --text-onaccent-color: #f9f9f9;
    --text-onaccent-dark-color: #f9f9f9;
    --text-disabled: #888;


    --font-family: 'Trebuchet MS', 'Liberation Sans', sans-serif;
    --font-family-monospace: "Lucida Sans Typewriter Regular", monospace;

    --overstep-shadow: inset 0px 0.75rem 0.5rem -0.5rem rgb(0 0 0 / 25%);
}