:root {
    --bg: #f3f6fb;
    --surface: #ffffff;
    --surface-soft: #e9eef5;
    --border: #d5dde8;
    --text: #182332;
    --text-muted: #536273;
    --text-inverse: #f8fbff;
    --accent-golf: #18a078;
    --accent-workout: #3367d6;
    --accent-danger: #d64556;
    --accent-success: #1f9d55;
    --accent-warning: #d99a2b;
    --shadow-sm: 0 2px 8px rgba(16, 36, 62, 0.08);
    --shadow-md: 0 10px 24px rgba(16, 36, 62, 0.12);
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-button: 9px;
    --space-1: 6px;
    --space-2: 10px;
    --space-3: 14px;
    --space-4: 18px;
    --space-5: 24px;
    --space-6: 30px;
    --font-body: "Barlow", "Segoe UI", system-ui, sans-serif;
    --font-display: "Barlow Condensed", "Segoe UI", system-ui, sans-serif;
    --mode-accent: var(--accent-golf);
    --safe-bottom: env(safe-area-inset-bottom, 0px);
}

body[data-mode="workout"] {
    --mode-accent: var(--accent-workout);
}