/* Paper, ink and ruled lines inspired by a reading workbook. */
:root {
  --color-page: #f5faf9;
  --color-panel: #ffffff;
  --color-ink: #163833;
  --color-muted: #48635f;
  --color-rule: #dceae6;
  --color-accent: #14715f;
  --color-accent-dark: #10594c;
  --color-tint: #e1f4eb;
  --color-picked: #f1fbf5;
  --color-line-picked: #b8ded0;
  --color-blue: #2e5777;
  --color-blue-tint: #e8f3fb;
  --color-hero: #ddf5e9;
  --color-hero-edge: #e5f3fb;
  --color-hero-ink: #153a34;
  --color-hero-muted: #315e55;
  --color-hero-rule: #639a8940;
  --color-wave: #237e69;
  --color-wave-soft: #549d8c;
  --color-hero-chip: #ccecdf;
  --color-danger: #a72f33;
  --color-control: #759b8f;
  --color-focus: #14715f;
  --color-clear: transparent;
  --color-shadow: #2048400a;
  --font-body: "Instrument Sans", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui, sans-serif;
  --font-display: "Songti SC", "Noto Serif CJK SC", "SimSun", "STSong", serif;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 40px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 100px;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
}