/* Canonical UI tokens. See UI-MANUAL.md before adding or changing tokens. */
:root {
  color-scheme: light;
  --font: 'Segoe UI Variable Text', 'Segoe UI', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif;
  --bg: #f8f7f4; --paper: #ffffff; --ink: #302e2b; --muted: #706b64; --line: #e9e5df;
  --brand: #be4029; --brand-dark: #9f301e; --brand-soft: #fff0e9;
  --warm: #855112; --warm-soft: #fff1ce; --radius: 18px;
  --coral-bg: #ffddcf; --coral-ink: #a63525;
  --mint-bg: #d3f2e1; --mint-ink: #276448;
  --blue-bg: #dfe9ff; --blue-ink: #3555a1;
  --yellow-bg: #ffeda7; --yellow-ink: #785512;
  --lilac-bg: #ece3ff; --lilac-ink: #634393;
  --danger-bg: #fff0e9; --danger-ink: #a23227;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --type-small: 14px; --type-body: 16px; --type-title: 28px;
  --motion-press: 120ms; --motion-control: 180ms; --motion-enter: 220ms; --motion-scene: 480ms;
  --ease-ui: cubic-bezier(.2,.7,.2,1);
  --shadow-soft: 0 4px 16px #5c422b09; --shadow-dialog: 0 26px 90px #322c2538;
  --dialog-compact: 520px; --dialog-standard: 680px; --dialog-wide: 760px;
}