/* Variables */

:root {
    /* Colours */
    --black: #212529;
    --dark: #343a40;
    --mid: #687078;
    --mid-25: #6c757d40;
    --light: #f9f9f9;
    
    --navy: #004380;
    --navy-75: #004380BF;
    --navy-90: #004380E6;
    
    --navy-dark: #121F3B;
    --navy-dark-90 : #121F3BE6;
    
    /*Shapes*/
    --border-radius: 0.25rem;
    
    --boxShadow: rgb(149 157 165 / 20%) 0px 8px 24px;
}