:root {
    --medsoft-primary: #57b6ff;
    --medsoft-secondary: #005470;
    --success-primary: #0d6efd;
    --success-rgb-primary: 13,110,253;
    /* Calendar CSS variables */
    /* Colors */
    --calendar-border-color: #dee2e6;
    --calendar-bg-light: #f8f9fa;
    --calendar-bg-hover: #f0f8ff;
    --calendar-selection-color: rgba(66, 139, 202, 0.8);
    --calendar-selection-bg: rgba(66, 139, 202, 0.3);
    --calendar-scrollbar-thumb: #c1c1c1;
    --calendar-scrollbar-track: #f1f1f1;
    --calendar-time-bg: #fafafa;
    --calendar-time-text: #999;
    --calendar-header-text: #666;
    --calendar-slot-border: #efefef;
    /* SelectBox */
    --selectbox-bg: white;
    --selectbox-overlay-bg: rgba(255, 255, 255, 0.5);
    --selectbox-header-bg: #f8f9fa;
    --selectbox-border: #dee2e6;
    --selectbox-option-border: #f0f0f0;
    --selectbox-option-hover-bg: #f0f8ff;
    --selectbox-shadow: rgba(0, 0, 0, 0.15);
    /* Appointment */
    --appointment-shadow: rgba(0,0,0,0.2);
    --appointment-hover-shadow: rgba(0,0,0,0.3);
    /* background color for selected icons */
    --is-selected-background: #767676;
}