:root {
    /* Primary state colors */
    --color-free: #64c476;                /* Green for free room */
    --color-occupied: #ed4747;            /* Red for occupied room */
    --color-confirmation: #ecb257;        /* Orange/gold for confirmation state */

    /* Transparent background versions */
    --color-free-bg: rgba(100, 196, 118, 0.85);
    --color-occupied-bg: rgba(237, 71, 71, 0.85);
    --color-confirmation-bg: rgba(236, 178, 87, 0.85);
    --color-booking-bg: rgba(143, 188, 143, 0.85);  /* Slightly different green for booking screens */

    /* Button colors */
    --color-free-button: #1d5434;         /* Dark green for book button */
    --color-occupied-button: #62131c;     /* Dark red for occupied buttons */
    --color-confirmation-button: #a37827; /* Dark orange/gold for confirmation button */

    /* Common colors */
    --color-cancel: #dc2626;             /* Consistent cancel button color */
    --color-schedule: var(--color-free); /* Schedule button color */
    --color-header: #141414;             /* Header background */

    /* Schedule section colors (Light theme defaults) */
    --schedule-bg: #f5f5f5;
    --schedule-header-bg: #e8e8e8;
    --schedule-header-color: #727272;
    --schedule-meeting-time-color: #333333;
    --schedule-meeting-title-color: #333333;
    --schedule-meeting-owner-color: #727272;
    --schedule-no-meetings-color: #BABABA;

    /* Transparent versions for when background image is present */
    --schedule-bg-transparent: rgba(245, 245, 245, 0.9);
    --schedule-header-bg-transparent: rgba(232, 232, 232, 0.9);
}