/**
 * BookingPage.ai — Google-inspired theme (shared with redirect.html)
 * Load after css/styles.css
 */
:root {
  --google-blue: #4285f4;
  --google-blue-dark: #3367d6;
  --google-blue-darker: #2a56c6;
  --google-red: #ea4335;
  --google-yellow: #fbbc05;
  --google-yellow-soft: #fdd663;
  --google-green: #34a853;
  --google-gray-900: #202124;
  --google-gray-600: #5f6368;
  --google-gray-100: #f1f3f4;
  --google-gray-50: #f8f9fa;
  --google-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);

  /* Bootstrap overrides */
  --bs-primary: #4285f4;
  --bs-primary-rgb: 66, 133, 244;
  --bs-warning: #fbbc05;
  --bs-warning-rgb: 251, 188, 5;
  --bs-yellow: #fbbc05;
  --bs-link-color: #4285f4;
  --bs-link-hover-color: #3367d6;
  --bs-pagination-active-bg: #4285f4;
  --bs-pagination-active-border-color: #4285f4;
  --bs-nav-pills-link-active-bg: #4285f4;
  --bs-list-group-active-bg: #4285f4;
  --bs-list-group-active-border-color: #4285f4;
  --bs-progress-bar-bg: #4285f4;
  --bs-dropdown-link-active-bg: #4285f4;
}

.page-surface-bg {
  background: linear-gradient(180deg, var(--google-gray-50) 0%, var(--google-gray-100) 100%);
  min-height: 100vh;
}

.brand-dot-ai {
  color: var(--google-blue) !important;
}