:root {
    --app-default-animation-length-short: 0.3s;
    --app-default-animation-length-long: 0.6s;
    --app-bg-color: #111;
    --app-text-color: #EEE;
    --app-text-soft-color: #AAA;
    --app-primary-color: #D243DB;
    --app-secondary-color: #FC8A1A;
    --app-default-border: #888;
    --app-backdrop-background --app-text-large: 24px;
    --app-text: 18px;
    --app-text-small: 14px;
    /*ButtonBig*/
    --app-button-big-background: #81E;
    --app-button-big-text-color: #EEE;
    --app-button-big-text-size: 20px;
    /*Card*/
    --app-card-background: #0006;
    /*PopUp*/
    --app-popup-backdrop-color: #0005;
    --app-popup-background: #808080;
    --app-popup-border-radius: 8px;
    /*TextInput*/
    --app-text-input-background-bottom: #5555;
    --app-text-input-background-top: #5552;
    --app-text-input-border-color: var(--app-primary-color);
    --app-text-input-border-color-focus: var(--app-secondary-color);
    /*TrackList*/
    --app-trackitem-background: #111;
    --app-trackitem-font-size-title: 14px;
    --app-trackitem-font-size: 12px;
    /*Trackbar*/
    --slider-background: #333;
    --slider-thumb-background: linear-gradient(to right, #FC8A1A, #D243DB);
}