/* SaySay, generated from tokens.json. Edit tokens.json, then run node scripts/build-design-system.mjs */
:root {
  --primary: #C24A1E;
  --accent-text: #A33D17;
  --soft: #FBEDE6;
  --current: #FCF2EE;
  --bg: #FBFAF7;
  --surface: #FFFFFF;
  --ink: #1E1B2E;
  --muted: #6B6778;
  --line: #ECE9E4;
  --chip: #EFECE7;
  --chevron: #878394;
  --warn-text: #B42318;
  --backdrop: #3B3537;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --gutter: 22px;
  --max-width: 520px;
  --radius-note: 12px;
  --radius-card: 16px;
  --radius-sheet: 18px;
  --radius-pill: 999px;
  --shadow-segment: 0 1px 2px rgba(30,27,46,0.1);
  --size-play: 64px;
  --size-button: 54px;
  --size-round: 44px;
  --size-nav-button: 36px;
  --size-row: 64px;
  --size-card: 300px;
  --font-sans: Outfit, -apple-system, system-ui, sans-serif;
  --font-han: "Noto Serif SC", "Songti SC", "PingFang SC", serif;
  --font-mark: Quicksand, Outfit, system-ui, sans-serif;
}
.sentence { font-family: var(--font-han); font-size: 40px; line-height: 52px; font-weight: 600; }
.title { font-family: var(--font-sans); font-size: 17px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 400; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 400; }
.list-han { font-family: var(--font-han); font-size: 17px; line-height: 24px; font-weight: 600; }