/* css default theme */
:root {
    --emga-clr-dark-blue: #0d232d;
    --emga-clr-dark-purple: hsl(271, 41%, 25%);
    --emga-clr-red: #ed1d24;
    
    --emga-color-player-bg: var(--emga-clr-dark-purple);
    --emga-color-neutral: white;
    --emga-color-accent: var(--emga-clr-red);
    --emga-color-accent-icon: var(--emga-color-neutral);

    --emga-color-song-accent: var(--emga-color-player-bg);
    --emga-color-song-bg: var(--emga-clr-white);
    --emga-color-song-gradient-1: color-mix(in srgb, var(--emga-color-accent) 00%, transparent);
    --emga-color-song-gradient-2: color-mix(in srgb, var(--emga-color-player-bg) 20%, transparent);

    --emga-color-history-heading: var(--emga-color-player-bg);
    --emga-history-heading-font-family: var(--emga-font-family-2);
    --emga-history-heading-letter-spacing: 0.05em;
    --emga-history-heading-font-weight: 300;
    
    --emga-font-family-1: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif;
    --emga-font-family-2: 'Oswald',Helvetica,Arial,Lucida,sans-serif;
}