/* Variables & Design Tokens - Al Haider Company */
:root {
    /* Color Palette */
    --bg-deep: #f8f9fa;
    --bg-surface: #ffffff;
    --bg-surface-elevated: #f1f3f5;
    --border-color: #e9ecef;
    
    --primary: #201d68; /* Corporate Royal Blue */
    --primary-rgb: 32, 29, 104;
    --border-glow: rgba(var(--primary-rgb), 0.12);
    --primary-glow: rgba(var(--primary-rgb), 0.08);
    --primary-glow-hover: rgba(var(--primary-rgb), 0.18);
    --secondary: #0077b6; /* Ocean Blue accent color instead of Safety Gold */
    
    --text-primary: #111215;
    --text-secondary: #495057;
    --text-muted: #868e96;
    
    /* Layout & Spacing */
    --max-width: 1280px;
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;
    --spacing-xxl: 6rem;
    
    /* Typography */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Outfit', sans-serif;
    
    /* Transitions & Physics */
    --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    
    /* Glow Effects */
    --box-glow: 0 4px 20px rgba(var(--primary-rgb), 0.08);
    --box-glow-hover: 0 8px 30px rgba(var(--primary-rgb), 0.15);
}