:root {
    --card-background: rgb(0,128,128);
    --card-gradient: linear-gradient(90deg, rgba(0,128,128,0.85) 0%, rgba(0,128,128,0.85) 50%, rgba(0,116,128,0.85) 100%);
    --card-color: white;

    /*--title-color: #0095ff;*/
    --title-color: white;

    --accent-color: #9400ff;

    --background-highlight: rgba(255, 255, 255, 0.1);
    --background-highlight-hover: rgb(0,192,192);
    --gradient-highlight-hover: linear-gradient(90deg, rgba(0,192,192,0.75) 0%, rgba(0,174,192,0.75) 100%);
    --background-highlight-pressed: #4f819f;

    --background-simple-hover: rgba(0, 0, 0, 0.2);

    --grid-spacing: 4em;
    --grid-spacing-small: 0.5em;

    --color-secondary: #ff80ff;

    --fade-in-translation: -50px;

    --transition-speed: 0.2s;

    --card-radius: 0.2em;
}