:root {
    /* Primary Colors */
    --primary-blue: #1976d2;
    --primary-blue-dark: #1565c0;
    --primary-blue-darker: #0d47a1;
    
    /* Search-specific colors */
    --primary-600: #1d4076;
    --primary-700: #084db5;
    --primary-800: #063d8f;
    --primary-500: #1976d2;
    --primary-400: #42a5f5;
    --primary-300: #90caf9;
    --primary-200: #bbdefb;
    --on-primary: #FFFFFF;
    --danger-500: #ef4444;
    
    /* Search component colors */
    --search-bg: #FFFFFF;
    --search-border: rgba(0,0,0,.12);
    --search-border-hover: rgba(0,0,0,.18);
    --text-muted: rgba(0,0,0,.55);
    
    /* Gradient Colors */
    --gradient-primary: linear-gradient(135deg, #38609d 0%, #28568a 100%);
    --gradient-primary-hover: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%);
    
    /* Background Colors */
    --bg-white: #ffffff;
    --bg-light: #f8f9fa;
    --bg-gray: #e9ecef;
    --bg-dark: #333333;
    
    /* Text Colors */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-light: #999999;
    --text-white: #ffffff;
    
    /* Border Colors */
    --border-light: #e0e0e0;
    --border-gray: #cccccc;
    
    /* Shadow Colors */
    --shadow-light: rgba(0, 0, 0, 0.1);
    --shadow-medium: rgba(0, 0, 0, 0.15);
    --shadow-dark: rgba(0, 0, 0, 0.25);
    
    /* Overlay Colors */
    --overlay-light: rgba(255, 255, 255, 0.1);
    --overlay-medium: rgba(255, 255, 255, 0.5);
    --overlay-dark: rgba(0, 0, 0, 0.5);
    
    /* Font Sizes */
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 24px;
    --font-2xl: 2em;
    --font-3xl: 48px;
    
    /* Spacing */
    --spacing-xs: 5px;
    --spacing-sm: 10px;
    --spacing-md: 15px;
    --spacing-lg: 20px;
    --spacing-xl: 30px;
    --spacing-2xl: 40px;
    --spacing-3xl: 60px;
    --spacing-4xl: 80px;
    
    /* Border Radius */
    --radius-sm: 15px;
    --radius-md: 10px;
    --radius-lg: 15px;
    --radius-xl: 25px;
    --radius-full: 50px;
    
    /* Transitions */
    --transition-fast: 0.3s ease;
    --transition-medium: 0.5s ease;
    --transition-slow: 0.8s ease;
    
    /* Container Max Width */
    --container-max-width: 1440px;
    
    /* Header Heights */
    --topbar-h: 34px;
    --mainheader-h: auto;
    
    /* Mobile Header Variables */
    --brand: #1661c9;
    --brand-dark: #0e4c9d;
    --on-brand: #fff;
    --radius: 16px;
    --gutter: 5px;
    --shadow: 0 2px 12px rgba(0,0,0,.08);
}