/* 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-text: #f2f4f5;
  --c-text2: #b7bec4;
  --c-muted: #8b949b;
  --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-danger: #ff8a80;
  --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;
  --touch: 44px;
}