:root{--bg: #f3f6fb;--surface: #ffffff;--surface-soft: #e9eef5;--surface-hover: #edf2f8;--surface-active: #e1e8f0;--surface-dark: #11253b;--surface-darker: #0a1320;--border: #d5dde8;--text: #182332;--text-muted: #536273;--text-inverse: #f8fbff;--text-on-dark: #f8fbff;--text-on-dark-muted: rgba(248, 251, 255, .75);--text-on-dark-rgb: 248, 251, 255;--accent-golf: #18a078;--accent-workout: #3367d6;--accent-purple: #a855f7;--accent-danger: #d64556;--accent-success: #1f9d55;--accent-warning: #d99a2b;--accent-focus-ring: 0 0 0 3px rgba(24, 160, 120, .3);--shadow-sm: 0 2px 8px rgba(16, 36, 62, .08);--shadow-md: 0 10px 24px rgba(16, 36, 62, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-button: 8px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--text-xs: .72rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--ease-fast: .15s ease;--ease-normal: .25s ease;--ease-slow: .4s ease;--ease-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--font-body: "Barlow", "Segoe UI", system-ui, sans-serif;--font-display: "Barlow Condensed", "Segoe UI", system-ui, sans-serif;--font-mono: ui-monospace, Menlo, Consolas, monospace;--mode-accent: var(--accent-golf);--safe-bottom: env(safe-area-inset-bottom, 0px)}body[data-mode=workout]{--mode-accent: var(--accent-workout)}