/* Generated from packages/config/design-tokens.json. Do not edit. */
:root {
  --background: #f9fafb;
  --surface: #ffffff;
  --surface-subtle: #f2f4f6;
  --skeleton: #e5e8eb;
  --foreground: #191f28;
  --muted-foreground: #6b7684;
  --border: #e5e8eb;
  --border-strong: #d1d6db;
  --brand-primary: #00704a;
  --brand-primary-strong: #005c3d;
  --brand-primary-surface: #e8faf2;
  --brand-on-primary: #ffffff;
  --brand-accent: #ffd800;
  --brand-accent-foreground: #00704a;
  --success: #00856f;
  --success-surface: #e8f8f5;
  --warning: #b26800;
  --warning-surface: #fff4d6;
  --error: #e42939;
  --error-surface: #fff0f1;
  --info: #2b7eb5;
  --info-surface: #e6f1f7;
  --inverse-foreground: #ffffff;
  --camera-background: #202631;
  --camera-foreground: #ffffff;
  --overlay-backdrop: rgb(25 31 40 / 52%);
  --secondary-foreground: #4e5968;
  --focus: var(--brand-primary);
  --mobile-spacing-xxs: 4px;
  --mobile-spacing-xs: 8px;
  --mobile-spacing-sm: 12px;
  --mobile-spacing-md: 16px;
  --mobile-spacing-lg: 24px;
  --mobile-spacing-xl: 32px;
  --mobile-spacing-2xl: 40px;
  --mobile-spacing-3xl: 48px;
  --mobile-spacing-4xl: 64px;
  --mobile-radius-control: 12px;
  --mobile-radius-surface: 16px;
  --mobile-radius-pill: 999px;
  --mobile-control-height-touch: 48px;
  --mobile-control-height-cta: 56px;
  --mobile-layout-task-column-max-width: 560px;
  --mobile-layout-tablet-breakpoint: 768px;
  --mobile-layout-phone-gutter: 24px;
  --mobile-layout-compact-phone-gutter: 16px;
  --mobile-layout-rail-width: 112px;
  --mobile-typography-amount-font-size: 40px;
  --mobile-typography-amount-line-height: 48px;
  --mobile-typography-amount-font-weight: 700;
  --mobile-typography-question-font-size: 26px;
  --mobile-typography-question-line-height: 35px;
  --mobile-typography-question-font-weight: 700;
  --mobile-typography-title-font-size: 22px;
  --mobile-typography-title-line-height: 31px;
  --mobile-typography-title-font-weight: 700;
  --mobile-typography-body-font-size: 17px;
  --mobile-typography-body-line-height: 26px;
  --mobile-typography-body-font-weight: 400;
  --mobile-typography-body-small-font-size: 15px;
  --mobile-typography-body-small-line-height: 23px;
  --mobile-typography-body-small-font-weight: 400;
  --mobile-typography-caption-font-size: 13px;
  --mobile-typography-caption-line-height: 20px;
  --mobile-typography-caption-font-weight: 400;
  --mobile-typography-button-font-size: 17px;
  --mobile-typography-button-line-height: 24px;
  --mobile-typography-button-font-weight: 600;
}