/* <link rel="stylesheet" href="{{ url_for('0_General.static', filename='GeneralCSS.css') }}"> */

:root {
    --primary-colour-grey: rgb(47, 47, 47);
    --primary-colour-yellow: rgb(240, 221, 53);
    --primary-colour-blue: rgb(0, 122, 204);
    --primary-colour-white: #ffffff;
    --primary-colour-black: #000000;

    --primary-colour-blue-hover: rgb(0, 86, 179);

    --secondary-colour-darkgrey: #333;
    --secondary-colour-grey: #888;
    /* Used for background container shading */
    --secondary-colour-lightgrey: #ebe5e5;  
    --secondary-colour-lightergrey: rgb(242, 242, 242);

    --secondary-colour-green: #28a745;
    --secondary-colour-green-hover: #218838;

    --secondary-colour-red: #dc3545;
    --secondary-colour-red-hover: #c82333;

}

/* Global styling for a modern look */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif; /* Modern font */
}