/* Generated from design/tokens.json. Do not edit. Run: npm --prefix design run build */
:root {
  --brand: #0E5E57;
  --brandTint: #D9F0EC;
  --onBrand: #FFFFFF;
  --accent: #FFB627;
  --accentSoft: #FFEBC2;
  --onAccent: #14332F;
  --onAccentSoft: #4A3000;
  --background: #FFF8EC;
  --surface: #FFFFFF;
  --surfaceAlt: #EEF8F6;
  --hairline: #E7DFCF;
  --textPrimary: #14332F;
  --textSecondary: #4F6763;
  --success: #2E7D4F;
  --warning: #B26A00;
  --danger: #B3261E;
  --space-s4: 4px;
  --space-s8: 8px;
  --space-s12: 12px;
  --space-s16: 16px;
  --space-s20: 20px;
  --space-s24: 24px;
  --space-s32: 32px;
  --space-s48: 48px;
  --radius-chip: 10px;
  --radius-field: 16px;
  --radius-card: 24px;
  --radius-sheet: 32px;
  --radius-pill: 999px;
  --radius-r8: 10px;
  --radius-r12: 16px;
  --radius-r20: 24px;
  --radius-r28: 32px;
  --font-caption: 13px;
  --font-label: 15px;
  --font-body: 17px;
  --font-headline: 20px;
  --font-title: 28px;
  --font-number: 28px;
  --font-largeTitle: 34px;
}
@media (prefers-color-scheme: dark) {
  :root {
  --brand: #5CC8B8;
  --brandTint: #1F3F3A;
  --onBrand: #0F1F1D;
  --accent: #FFC24D;
  --accentSoft: #3A2E14;
  --onAccent: #0F1F1D;
  --onAccentSoft: #FFE6B0;
  --background: #0F1F1D;
  --surface: #1A2E2B;
  --surfaceAlt: #213833;
  --hairline: #2C4440;
  --textPrimary: #F3EFE6;
  --textSecondary: #A9BAB6;
  --success: #5CC38A;
  --warning: #F0B04A;
  --danger: #F2736B;
  }
}