/* General Body and Font Styling */
@import url('styles.css');
:root {
    /* Define your current brand colors as CSS variables */
    --primary-color: #e94f37; /* Original primary brand color */
    --primary-hover-color: #d13a22; /* Darker primary for hover */
    --secondary-color: #393e41; /* Original dark grey for general text/secondary elements */
    --secondary-hover-color: #555c61; /* Lighter secondary for hover */
    --background-light: #f6f7eb; /* Original light background */
    --text-color: #393e41; /* Original dark grey for general text */
    --table-label-bg: #393e41; /* Dark grey for table labels */
    --table-data-bg: #ffffff; /* White for table data */
    --hr-gradient-start: #393e41; /* Dark grey for HR gradient start/end */
    --hr-gradient-middle: #e94f37; /* Primary brand color for HR gradient middle */

    
    /* Rome.js Calendar Specific Colors (New additions for theming) */
    --rome-bg: var(--background-light);
    --rome-text-color: var(--text-color);
    --rome-header-bg: var(--primary-color);
    --rome-header-text: var(--background-light);
    --rome-selected-bg: var(--primary-color);
    --rome-selected-text: var(--background-light);
    --rome-today-border: var(--primary-color);
    --rome-prev-next-month-text: #ccc; /* Lighter grey for inactive days */
    --rome-hover-bg: var(--primary-hover-color);
    --rome-hover-text: var(--background-light);
    --rome-border-color: #e0e0e0; /* Light border for calendar cells */
    
    /* SweetAlert2 specific colors */
    --swal-bg: var(--background-light);
    --swal-text-color: var(--secondary-color);
    --swal-title-color: var(--primary-color);
    --swal-close-color: var(--secondary-color);
    --swal-success-color: var(--primary-color);
    --swal-error-color: var(--primary-color);
    --swal-warning-color: var(--primary-color);
    --swal-info-color: var(--secondary-color);
    --swal-question-color: var(--secondary-color);
    
    /* NEW: RGB values for primary color for use with rgba() */
    --primary-color-rgb: 40, 167, 69; /* RGB for #28A745 */
     --available-dot-color: #28A745; /* Specific variable for the dot */
}