/* GENERATED from design/tokens/tokens.json — do not edit by hand. */
:root {
  --color-bg-base: #0C1013;
  --color-bg-raised: #131A20;
  --color-bg-overlay: #1B242C;
  --color-text-primary: #F2F5F7;
  --color-text-secondary: #9DAEBB;
  --color-text-muted: #5F6E79;
  --color-text-invert: #0C1013;
  --color-line-subtle: #202A32;
  --color-line-strong: #31404B;
  --color-accent-hike: #E8843C;
  --color-accent-walk: #3FBF9F;
  --color-accent-run: #F0524E;
  --color-accent-ride: #7C6BFF;
  --color-accent-outdoor: #58B368;
  --color-state-live: #35D07F;
  --color-state-stale: #F2B03D;
  --color-state-danger: #E5484D;
  --type-family-ui: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', sans-serif;
  --type-family-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --type-size-xs: 12px;
  --type-size-sm: 13px;
  --type-size-md: 15px;
  --type-size-lg: 17px;
  --type-size-xl: 22px;
  --type-size-xxl: 28px;
  --type-size-stat: 34px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
}