:root {
    --application-background-color: #f3f3f3; /* Application background color */
    --primary-color: #4A90E2;
    --primary-color-darker: #3C7BC0;
    --secondary-color: #555555;
    --secondary-color-darker: #444444;
    /* --primary-color: #002f5d; old primary color */

    /* Background colors for group/table states */
    --background-none-color: #ffffff;
    --background-success-color: #d4edda; 
    --background-danger-color: #f8d7da;
    --background-warning-color: #fff3cd;
    --background-white-color: #ffffff;
    --background-yellow-color: #fff3cd;
    --background-gray-color: #f3f3f3;
    --background-info-color: #cfe2ff;

    /* Custom colors for the buttons of different states */
    --success-color: #27AE60; /* Green color */
    --danger-color: #E74C3C; /* Red color */
    --warning-color: #ffc107; /* Yellow color */
    --gray-color: #cbcbcb;
    --info-color: #007bff;

    --success-color-darker: #218838; /* Darker green color */
    --danger-color-darker: #c82333; /* Darker red color */
    --warning-color-darker: #e0a800; /* Darker yellow color */


    /* Custom colors for the buttons */
    --btn-color: var(--primary-color);
    --btn-color-hover: var(--primary-color-darker);
    --btn-color-visited: var(--primary-color-darker);

    /* Custom colors for the links */
    --a-color: var(--secondary-color);
    --a-color-hover: var(--secondary-color-darker);
    --a-color-visited: var(--secondary-color-darker);

    /* Custom colors for the groups */
    --group-title-color: var(--primary-color-darker);
    --group-title-background-color: #ffffff;
    --group-border-color: #ced4da;

    /* Custom colors for the progress bar */
    --progress-bar-color: var(--primary-color);
}