/* Appointment CSS Variables - Defaults for all appointment pages */ /* Loaded in before customer CSS so tenants can override these */ :root { /* Page */ --appointment-background-color: #ffffff; --appointment-text-color: #28363c; --appointment-text-muted: #6c757d; /* Booking page: card headers (gradient) */ --appointment-booking-header-background-color: var(--smartwarten-color); --appointment-booking-header-background-color-light: #02416c; /* Booking page: datepicker available dates */ --appointment-booking-available-date-background-color: #66bb6a; /* Booking page: timeslot chips */ --appointment-booking-timeslot-active-background-color: var(--smartwarten-color); --appointment-booking-timeslot-active-border-color: var(--smartwarten-color); /* Buttons */ --appointment-button-primary-background-color: #007bff; --appointment-button-primary-hover: #0056b3; /* Detail/confirm/cancel cards */ --appointment-card-background-color: #f8f9fb; --appointment-card-border: #e0e0e0; --appointment-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); --appointment-card-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.12); /* Status messages */ --appointment-status-success-background-color: #d4edda; --appointment-status-success-border: #c3e6cb; --appointment-status-success-text: #155724; }