:root {
  --canvas: #fffdfb; --surface: #fff; --cream: #f5f2e9; --pink-soft: #fbe8f0; --pink-art: #f595bb;
  --action: #a7466b; --ink: #4b4650; --muted: #746a73; --line: #e9dce0; --control-line: #9a7a88;
  --lavender: #eeeaf7; --sky: #eaf3f7; --error: #a53e47;
  --font-body: system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-heading: "Songti SC", "Noto Serif CJK SC", Georgia, serif;
  --width-journal: 1024px; --width-reading: 720px; --width-reading-surface: 1040px;
  --paper-rgb: 255 253 251; --paper-ui: .96; --paper-header: .98; --paper-journal: .42; --paper-footer: .94;
  --duration-control: 180ms; --duration-card: 200ms; --duration-image: 220ms; --duration-dialog: 240ms;
  --radius: 16px; --shadow: 0 8px 24px rgb(85 55 70 / 6%); --ease: cubic-bezier(.22, 1, .36, 1);
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --space-24: 96px;
}