/* <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 */
}

/* Section Dividers for Product Setup Pages - Option 1 Modified: Underline Only Text */
.section-divider {
    margin: 32px 0 20px 0;
}

.section-title {
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 2px solid var(--primary-colour-blue);
}