:root{--navbar-bg: rgba(255, 255, 255, .85);--navbar-gradient: #ffffff;--navbar-border: rgba(59, 130, 246, .12);--navbar-shadow: none;--navbar-text-primary: #1e293b;--navbar-text-secondary: #64748b;--navbar-text-accent: #3b82f6;--navbar-button-hover-bg: rgba(59, 130, 246, .12);--navbar-button-hover-border: rgba(59, 130, 246, .3);--navbar-section-hover-bg: rgba(241, 245, 249, .9);--navbar-chip-bg: rgba(59, 130, 246, .08);--navbar-chip-text: #3b82f6;--navbar-chip-border: rgba(59, 130, 246, .2);--navbar-avatar-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--navbar-avatar-border: rgba(59, 130, 246, .25);--navbar-icon-color: #64748b;--navbar-icon-hover-color: #3b82f6}.dark{--navbar-bg: rgba(16, 25, 34, .9);--navbar-gradient: #101922;--navbar-border: rgba(255, 255, 255, .07);--navbar-shadow: none;--navbar-text-primary: #f1f5f9;--navbar-text-secondary: #94a3b8;--navbar-text-accent: #60a5fa;--navbar-button-hover-bg: rgba(255, 255, 255, .07);--navbar-button-hover-border: rgba(255, 255, 255, .12);--navbar-section-hover-bg: rgba(16, 25, 34, .6);--navbar-chip-bg: rgba(255, 255, 255, .07);--navbar-chip-text: #93c5fd;--navbar-chip-border: rgba(255, 255, 255, .12);--navbar-avatar-bg: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);--navbar-avatar-border: rgba(255, 255, 255, .15);--navbar-icon-color: #94a3b8;--navbar-icon-hover-color: #f1f5f9}