:root{--color-white: #ffffff;--color-black: #1a1a1a;--color-light: #f8fafc;--color-muted: #c0bcbc;--color-secondary: #444444;--color-blue-dark: #304c67;--color-blue-medium: #466992;--color-blue-light: #c8d7e0;--color-blue-hover: #2a4158;--color1: #ffffff;--color2: #304c67;--color3: #466992;--color4: #c8d7e0;--color-salvia: #b2ac88;--color-sage: #8fa57d;--color-sage-hover: #7a8f6a;--color-azzurro: #8eb6b6;--color-azzurro-hover: #5a8a8a;--color-azzurro-light: #a8c9c9;--color-azzurro-dark: #5a8a8a;--color-azzurro-soft: rgba(142, 182, 182, .1);--color-azzurro-semi: rgba(142, 182, 182, .2);--color-primary: #ffffff;--color-accent: #b2ac88;--color-accent-hover: #9e997b;--color-bg-navbar: #b2ac88;--color-bg-dropdown: rgba(255, 255, 255, .98);--color-bg-offcanvas: #b2ac88;--color-bg-transparent: rgba(178, 172, 136, .34);--color-border: rgba(200, 215, 224, .4);--color-border-light: #f0f0f0;--gradient-primary: linear-gradient(135deg, #304c67 0%, #2a4158 100%);--gradient-hover: linear-gradient(135deg, #2a4158 0%, #466992 100%);--gradient-light: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);--shadow-soft: 0 8px 32px rgba(48, 76, 103, .08);--shadow-medium: 0 12px 40px rgba(48, 76, 103, .12);--shadow-heavy: 0 20px 60px rgba(48, 76, 103, .18);--shadow-light: rgba(0, 0, 0, .05);--shadow-hover: rgba(0, 0, 0, .1);--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--spacing-xxxl: 4rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.5rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-size-xxxl: 2.5rem;--font-size-xxxxl: 3rem;--breakpoint-xs: 375px;--breakpoint-sm: 480px;--breakpoint-md: 640px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-xxl: 1200px;--breakpoint-xxxl: 1440px;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-smooth: all .4s cubic-bezier(.175, .885, .32, 1.275)}