/* Generated by scripts/build-tokens.ts from shared/mobile/src/design-system/tokens.ts.
   Do not edit: change the tokens and run `npm run build:tokens`. */
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Bricolage Grotesque';src:url('/fonts/BricolageGrotesque-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'BricolageGrotesque-Regular';src:url('/fonts/BricolageGrotesque-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'BricolageGrotesque-Bold';src:url('/fonts/BricolageGrotesque-Bold.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'BricolageGrotesque-ExtraBold';src:url('/fonts/BricolageGrotesque-ExtraBold.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:swap}
:root {
  --ui-font: 'Bricolage Grotesque', system-ui, sans-serif;
  --ui-font-regular: 'BricolageGrotesque-Regular';
  --ui-weight-regular: 400;
  --ui-font-bold: 'BricolageGrotesque-Bold';
  --ui-weight-bold: 700;
  --ui-font-heavy: 'BricolageGrotesque-ExtraBold';
  --ui-weight-heavy: 800;
  --ui-paper: #ffffff;
  --ui-ink: #0f172a;
  --ui-muted: #64748b;
  --ui-green: #2e7154;
  --ui-green-dark: #1c513c;
  --ui-leaf: #dcea96;
  --ui-pale: #f8fafc;
  --ui-line: #e2e8f0;
  --ui-surface: #ffffff;
  --ui-error: #9b3f3f;
  --ui-control-radius: 9px;
  --ui-panel-radius: 12px;
  --ui-content: 560px;
  --ui-touch: 48px;
  --ui-fast: 160ms;
  --ui-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ui-shadow: 0 2px 8px #203c3108, 0 1px 2px #203c3108;
}