fixes, theming, branding

components/booking/enhanced-booking-calendar.tsx

@@ -473,11 +473,11 @@ export function EnhancedBookingCalendar() {
 														: ''
 												} ${
 													isTodayDate && !isSelectedDate
-														? 'ring-2 ring-blue-400 ring-opacity-50 bg-blue-50 dark:bg-blue-950 border-blue-200 dark:border-blue-800 hover:bg-blue-100 dark:hover:bg-blue-900 text-foreground'
+														? 'ring-2 ring-primary/20 bg-accent border-primary/20 hover:bg-accent/80 text-foreground'
 														: ''
 												} ${
 													isSelectedDate && isTodayDate
-														? 'bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 dark:from-blue-700 dark:to-blue-800 dark:hover:from-blue-800 dark:hover:to-blue-900 text-white'
+														? 'bg-gradient-to-r from-primary to-primary/80 hover:from-primary/90 hover:to-primary/70 text-primary-foreground'
 														: ''
 												}`}
 											>
@@ -501,8 +501,8 @@ export function EnhancedBookingCalendar() {
 						<div
 							className={`text-center p-4 rounded-lg ${
 								isToday(selectedDate)
-									? 'bg-gradient-to-r from-blue-500 to-indigo-600 text-white dark:from-blue-600 dark:to-indigo-700'
-									: 'bg-blue-50 dark:bg-blue-950'
+									? 'bg-gradient-to-r from-primary to-primary/80 text-primary-foreground'
+									: 'bg-accent/50'
 							}`}
 						>
 							<h3
@@ -520,7 +520,7 @@ export function EnhancedBookingCalendar() {
 							{isToday(selectedDate) && (
 								<div className='flex items-center justify-center gap-2 mt-2'>
 									<div className='w-2 h-2 bg-orange-300 dark:bg-orange-400 rounded-full animate-pulse' />
-									<span className='text-sm font-medium text-blue-100 dark:text-blue-200'>Today</span>
+									<span className='text-sm font-medium text-primary-foreground/90'>Today</span>
 									<div className='w-2 h-2 bg-orange-300 dark:bg-orange-400 rounded-full animate-pulse' />
 								</div>
 							)}