: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;
}