:root{--cocofit-brand:#22bcac;--cocofit-brand-light:rgba(34,188,172,0.1);--cocofit-brand-lighter:rgba(34,188,172,0.05);--cocofit-amber-400:#fbbf24;--cocofit-amber-500:#f59e0b;--cocofit-gray-50:#f9fafb;--cocofit-gray-100:#f3f4f6;--cocofit-gray-200:#e5e7eb;--cocofit-gray-300:#d1d5db;--cocofit-gray-400:#9ca3af;--cocofit-gray-500:#6b7280;--cocofit-gray-600:#4b5563;--cocofit-gray-700:#374151;--cocofit-gray-800:#1f2937;--cocofit-gray-900:#111827;--cocofit-bg:#ffffff;--cocofit-bg-muted:#f9fafb;--cocofit-border:#e5e7eb;--cocofit-rank-gold-from:#E6C87F;--cocofit-rank-gold-to:#D4AF37;--cocofit-rank-gold-text:#ffffff;--cocofit-rank-silver-from:#E2E8F0;--cocofit-rank-silver-to:#94A3B8;--cocofit-rank-silver-text:#ffffff;--cocofit-rank-bronze-from:#E7CBAF;--cocofit-rank-bronze-to:#C08055;--cocofit-rank-bronze-text:#ffffff;--cocofit-main-max:836px;--cocofit-sidebar-width:268px;--cocofit-container-gap:2rem;--cocofit-shadow-sm:0 1px 2px 0 rgb(0 0 0 / 0.05);--cocofit-shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--cocofit-shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1),0 4px 6px -4px rgb(0 0 0 / 0.1);--cocofit-radius-sm:0.375rem;--cocofit-radius-md:0.5rem;--cocofit-radius-lg:0.75rem;--cocofit-radius-xl:1rem;--cocofit-radius-full:9999px;--cocofit-space-1:0.25rem;--cocofit-space-2:0.5rem;--cocofit-space-3:0.75rem;--cocofit-space-4:1rem;--cocofit-space-5:1.25rem;--cocofit-space-6:1.5rem;--cocofit-space-8:2rem;--cocofit-transition:150ms ease-in-out;--cocofit-filterbar-height:76px}