:root {
    /* ===================================
       Colors - Prebooking Logo Theme
       =================================== */
    
    /* Primary Colors */
    --primary-color: #2ba5a5;
    --primary-dark: #1e3a5f;
    --primary-light: #4ec4c4;
    --secondary-color: #2ba5a5;
    --accent-color: #f5a623;
    
    /* Text Colors */
    --text-dark: #1e3a5f;
    --text-white: #ffffff;
    --text-medium: #4b5563;
    --text-light: #6b7280;
    --text-lighter: #9ca3af;
    
    /* Background Colors */
    --bg-white: #ffffff;
    --bg-gray-50: #f9fafb;
    --bg-gray-100: #f3f4f6;
    --bg-gray-200: #e5e7eb;
    --bg-dark: #111827;
    
    /* Border & Shadow Colors */
    --border-color: #e5e7eb;
    --border-light: #f3f4f6;
    --border-dark: #d1d5db;
    
    /* Status Colors */
    --error-color: #ef4444;
    --error-light: rgba(239, 68, 68, 0.1);
    --success-color: #10b981;
    --warning-color: #f59e0b;
    
    /* Focus & Hover Effects */
    --primary-focus: rgba(43, 165, 165, 0.1);
    --primary-hover: #1e8e8e;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}