/* Generated by mobile/scripts/web-tokens.js from mobile/src/design/tokens.json (MG-8). Do not edit by hand. */
:root {
  --c-bg: #0e1012;
  --c-panel: #171a1d;
  --c-panel-alt: #14171a;
  --c-raised: #1f2327;
  --c-line: #262b30;
  --c-line-strong: #343a40;
  --c-control-border: #626d77;
  --c-text: #f2f4f5;
  --c-text2: #b7bec4;
  --c-muted: #9aa4ad;
  --c-lime: #d8ff3e;
  --c-lime-hover: #ecff9a;
  --c-lime-soft: #2a3212;
  --c-on-lime: #0e1012;
  --c-paper: #ffffff;
  --c-paper-ink: #111418;
  --c-paper-text2: #3a4048;
  --c-paper-muted: #5b626a;
  --c-paper-line: #dde0e3;
  --c-track: #c9cdd2;
  --c-mate: #2f7de1;
  --c-mate-text: #8db8f0;
  --c-amber: #f4bc66;
  --c-go: #69d39a;
  --c-danger: #ff8a80;
  --c-violet: #c7aef2;
  --c-teal: #71d4d0;
  --f-display: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --f-body: Barlow, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --t-xs: 11px;
  --t-sm: 12px;
  --t-md: 14px;
  --t-base: 15px;
  --t-lg: 18px;
  --t-xl: 22px;
  --t-xxl: 30px;
  --t-hero: 50px;
  --s-xs: 4px;
  --s-sm: 8px;
  --s-md: 12px;
  --s-lg: 16px;
  --s-xl: 20px;
  --s-xxl: 24px;
  --r-programme: 8px;
  --r-control: 10px;
  --r-panel: 12px;
  --r-hero: 14px;
  --r-pill: 6px;
  --r-chip: 4px;
  --r-card: 8px;
  --touch: 44px;
  --ts-title: 28px;
  --lh-title: 30px;
  --ts-panel: 17px;
  --lh-panel: 19px;
  --ts-body: 13px;
  --lh-body: 18px;
  --ts-data: 12px;
  --lh-data: 16px;
  --ts-meta: 11px;
  --lh-meta: 15px;
  --ts-hero: 24px;
  --lh-hero: 28px;
  --ts-hero-lap: 44px;
  --lh-hero-lap: 50px;
  --ts-hero-pos: 60px;
  --lh-hero-pos: 62px;
  --rh-dense: 28px;
  --rh-row: 32px;
  --rh-touch: 44px;
  --m-press: 100ms;
  --m-select: 180ms;
  --m-reorder: 220ms;
  --m-celebrate: 320ms;
}