:root { /*css root pseudo-class used to define global variables*/
    --background-primary: #031020;
    --background-secondary: #031020;
    --accent-color: #C077FC;

    --left-bar-width: 200px;
    --centre-bar-width: 360px;

    --mail-text-color: #BEBEBE;

    --inactive-mail-background: rgba(3, 16, 32, 0.8);
    --active-mail-background: rgba(239, 190, 193, 0.2);
    /*--active-mail-background: rgba(18, 48, 110, 0.2);*/
    /*--active-mail-background: rgba(91, 155, 213, 0.2);*/
    --mail-border-color: #031020;

    --main-font: Rubik;
    --heading-font: 'Orbitron';
    --subheading-font: Rubik;
}