// Check-in Page Variables
// Colors
$primary-color: #1565C0;
$primary-dark: #0D47A1;
$secondary-color: #FB8C00;
$success-color: #66BB6A;
$success-dark: #43A047;
$warning-color: #FFA726;
$warning-dark: #FB8C00;
$error-color: #EF5350;
$error-dark: #E53935;

// Background Colors
$bg-white: #ffffff;
$bg-light: #fafafa;
$bg-grey: #f5f7fa;
$bg-blue-light: #e3f2fd;

// Text Colors
$text-primary: #1a1a1a;
$text-secondary: #6b7280;
$text-grey: #9e9e9e;
$text-grey-dark: #757575;

// Border Colors
$border-light: #e5e7eb;
$border-grey: rgba(0, 0, 0, 0.08);

// Shadow
$shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
$shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
$shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);
$shadow-xl: 0 8px 32px rgba(0, 0, 0, 0.1);
$shadow-primary: 0 4px 16px rgba(21, 101, 192, 0.3);
$shadow-primary-hover: 0 8px 24px rgba(21, 101, 192, 0.4);
$shadow-error: 0 4px 16px rgba(239, 68, 68, 0.3);
$shadow-error-hover: 0 8px 24px rgba(239, 68, 68, 0.4);

// Border Radius
$radius-sm: 8px;
$radius-md: 12px;
$radius-lg: 16px;
$radius-xl: 24px;
$radius-full: 50%;

// Spacing
$spacing-xs: 4px;
$spacing-sm: 8px;
$spacing-md: 12px;
$spacing-lg: 16px;
$spacing-xl: 20px;
$spacing-2xl: 24px;
$spacing-3xl: 28px;

// Font Sizes
$font-xs: 10px;
$font-sm: 11px;
$font-base: 13px;
$font-md: 15px;
$font-lg: 16px;
$font-xl: 18px;
$font-2xl: 20px;
$font-3xl: 24px;

// Transitions
$transition-fast: 0.2s ease;
$transition-base: 0.3s ease;
$transition-slow: 0.4s ease;
$transition-bezier: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

// Z-index
$z-base: 1;
$z-overlay: 10;
$z-dialog: 100;