/* Generated by docs/brand/tools/export-tokens.ts from apps/mobile/src/theme/tokens.ts. Do not edit by hand. */
:root {
  --moss: #567351;
  --sage: #B3BF95;
  --cream: #EDE7D1;
  --paper: #F7F3E6;
  --line: #D9D1B6;
  --ink: #32353A;
  --ink-soft: #55585D;
  --sun: #F8CC5C;
  --coral: #F2886C;
  --danger: #A3412E;
  --night: #18213A;
  --night-paper: #243052;
  --night-line: #3A4770;
  --night-soft: #A9AEC2;
  --white: #FFFFFF;
  --color-background: #EDE7D1;
  --color-surface: #F7F3E6;
  --color-text: #32353A;
  --color-text-muted: #55585D;
  --color-border: #D9D1B6;
  --color-accent: #567351;
  --color-on-accent: #FFFFFF;
  --color-secondary: #B3BF95;
  --color-on-secondary: #32353A;
  --color-highlight: #F8CC5C;
  --color-on-highlight: #32353A;
  --color-alert: #F2886C;
  --color-on-alert: #32353A;
  --color-success: #567351;
  --color-danger: #A3412E;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --font-hand: 'Caveat Brush', 'Comic Sans MS', cursive;
  --font-body: 'Nunito', Arial, Helvetica, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #18213A;
    --color-surface: #243052;
    --color-text: #EDE7D1;
    --color-text-muted: #A9AEC2;
    --color-border: #3A4770;
    --color-accent: #B3BF95;
    --color-on-accent: #32353A;
    --color-secondary: #3A4770;
    --color-on-secondary: #EDE7D1;
    --color-highlight: #F8CC5C;
    --color-on-highlight: #32353A;
    --color-alert: #F2886C;
    --color-on-alert: #32353A;
    --color-success: #B3BF95;
    --color-danger: #F2886C;
  }
}
.type-hand { font-family: 'Caveat Brush', 'Comic Sans MS', cursive; font-weight: 400; font-size: 36px; line-height: 40px; }
.type-display { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 800; font-size: 28px; line-height: 34px; }
.type-title { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 22px; line-height: 28px; }
.type-story { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 800; font-size: 20px; line-height: 26px; }
.type-body { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; }
.type-body-strong { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 16px; line-height: 24px; }
.type-label { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 600; font-size: 14px; line-height: 20px; }
.type-button { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 800; font-size: 16px; line-height: 20px; }
.type-caption { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 400; font-size: 13px; line-height: 18px; }
.type-overline { font-family: 'Nunito', Arial, Helvetica, sans-serif; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 0.8px; text-transform: uppercase; }