/* Generated by packages/tokens/gen.mjs — DO NOT EDIT. Source: tokens.json */
:root {
  --st-color-track-hike: #FF6B35;
  --st-color-track-walk: #84CC16;
  --st-color-track-drive: #00C8FF;
  --st-color-track-run: #FF2D78;
  --st-color-track-cycle: #A78BFA;
  --st-color-track-ferry: #2DD4BF;
  --st-color-track-train: #3B5BA8;
  --st-color-track-tesla: #00C8FF;
  --st-color-track-default: #C8C8C8;
  --st-color-track-casing: rgba(0, 0, 0, 0.45);
  --st-color-live: #00C8FF;
  --st-color-accent-ui: #0A84FF;
  --st-color-flight-dark: #FFFFFF;
  --st-color-flight-light: #FFFFFF;
  --st-color-plan-light: #26268C;
  --st-color-region-visited: #22C55E;
  --st-color-region-unvisited: #94A3B8;
  --st-color-poi-fill: #FBBF24;
  --st-color-poi-stroke: #B47800;
  --st-color-place-pin: #FF3B30;

  /* type scale */
  --st-font-size-display: 30px;  --st-font-weight-display: 700;
  --st-font-size-title1: 24px;  --st-font-weight-title1: 700;
  --st-font-size-title2: 20px;  --st-font-weight-title2: 600;
  --st-font-size-title3: 17px;  --st-font-weight-title3: 600;
  --st-font-size-callout: 15px;  --st-font-weight-callout: 400;
  --st-font-size-body: 13px;  --st-font-weight-body: 400;
  --st-font-size-caption: 12px;  --st-font-weight-caption: 500;
  --st-font-size-caption2: 11px;  --st-font-weight-caption2: 400;

  /* radius scale */
  --st-radius-sm: 8px;
  --st-radius-md: 12px;
  --st-radius-lg: 16px;
  --st-radius-pill: 999px;
}