:root{--color-primary: #5b6af0;--color-primary-bg: rgba(91, 106, 240, .08);--color-accent: #f5641e;--color-accent-strong: #ff9e2c;--color-accent-bg: rgba(245, 100, 30, .1);--brand-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%);--color-strava: #FC4C02;--color-success: #22a06b;--color-warning: #e07b00;--color-danger: #cc0000;--color-coach: #8B4513;--color-surface: #f8f8fc;--color-surface-card: #ffffff;--color-border: #e8e8f0;--color-border-light: #f0f0f0;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--text-muted: #767676;--text-disabled: #a0a0b8;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 10px;--radius-full: 9999px;--transition-fast: .12s ease-out;--transition-base: .18s ease-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}.skeleton{background:var(--color-border);animation:skeleton-pulse 1.4s ease-in-out infinite}