/* Generated by scripts/generate-design-tokens.py. Edit design/tokens/soft-form.json. */
:root {
  --paper: #F7F5F0;
  --surface: #FCFAF7;
  --surface-raised: #FFFFFF;
  --text: #20221F;
  --text-muted: #656962;
  --line: #E6E1DB;
  --track: #DEDAD5;
  --accent: #FF7868;
  --accent-text: #B24435;
  --accent-display: #DF5747;
  --accent-wash: #F9E5E0;
  --mint: #DFEEE6;
  --primary: #20221F;
  --on-primary: #FFFFFF;
  --focus: #995044;
  --primary-hover: #41453D;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 88px;
  --radius-small: 8px;
  --radius-control: 12px;
  --radius-panel: 22px;
  --radius-pill: 999px;
  --font-caption: 12px;
  --font-body: 15px;
  --font-control: 16px;
  --font-title: 40px;
  --font-display: 84px;
  --control-height: 44px;
  --control-switch-width: 54px;
  --control-switch-height: 30px;
  --control-slider-height: 28px;
}
@media (prefers-color-scheme: dark) {
  :root {
  --paper: #20221F;
  --surface: #2A2C28;
  --surface-raised: #343630;
  --text: #F7F5F0;
  --text-muted: #B9BDB4;
  --line: #464A40;
  --track: #53574D;
  --accent: #FF9384;
  --accent-text: #FFAA9D;
  --accent-display: #FF9384;
  --accent-wash: #51382F;
  --mint: #35443B;
  --primary: #F7F5F0;
  --on-primary: #20221F;
  --focus: #FFAA9D;
  --primary-hover: #D8DCD3;
  }
}
:root[data-theme="light"] {
  --paper: #F7F5F0;
  --surface: #FCFAF7;
  --surface-raised: #FFFFFF;
  --text: #20221F;
  --text-muted: #656962;
  --line: #E6E1DB;
  --track: #DEDAD5;
  --accent: #FF7868;
  --accent-text: #B24435;
  --accent-display: #DF5747;
  --accent-wash: #F9E5E0;
  --mint: #DFEEE6;
  --primary: #20221F;
  --on-primary: #FFFFFF;
  --focus: #995044;
  --primary-hover: #41453D;
}
:root[data-theme="dark"] {
  --paper: #20221F;
  --surface: #2A2C28;
  --surface-raised: #343630;
  --text: #F7F5F0;
  --text-muted: #B9BDB4;
  --line: #464A40;
  --track: #53574D;
  --accent: #FF9384;
  --accent-text: #FFAA9D;
  --accent-display: #FF9384;
  --accent-wash: #51382F;
  --mint: #35443B;
  --primary: #F7F5F0;
  --on-primary: #20221F;
  --focus: #FFAA9D;
  --primary-hover: #D8DCD3;
}