/* Values from docs/design/system/tokens.json; kept exact by browser tests. */
:root {
  --bg: #F6F4EF;
  --surface: #ffffff;
  --surface-muted: #FBFAF7;
  --ink: #17211D;
  --ink-muted: #55605A;
  --ink-disabled: #878b86;
  --green: #12554A;
  --green-strong: #0B3B33;
  --green-soft: #EEF3F1;
  --green-tint: #F2F7F5;
  --on-green: #FFFFFF;
  --on-green-muted: #D7E4E0;
  --on-green-line: rgba(255, 255, 255, 0.3);
  --line: #DCD6CA;
  --line-soft: #E5E0D6;
  --line-strong: #C9C2B4;
  --divider: #e9e6e1;
  --track: #E5E0D6;
  --field-disabled: #f4f3ef;
  --field-disabled-line: #e4e1da;
  --field-error: #FFFCFA;
  --terra: #9C4826;
  --terra-strong: #B4552F;
  --terra-soft: #FDF3EC;
  --terra-line: #E8C3A8;
  --neutral-soft: #F2F0EB;
  --neutral-ink: #47524C;
  --row-hover: #FCFBF8;
  --stage: #F3F1EC;
  --stage-alt: #F0EDE6;
  --scrim: rgba(23, 33, 29, 0.38);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 26px;
  --space-8: 30px;
  --space-9: 36px;
  --space-10: 40px;
  --space-page-staff: 40px;
  --space-16: 64px;
  --space-18: 72px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;
  --radius-panel: 16px;
  --radius-2xl: 18px;
  --radius-full: 999px;
  --shadow-none: none;
  --focus-ring: 0 0 0 2px #F6F4EF, 0 0 0 4px #12554A;
  --shadow-popover: 0 12px 32px rgba(23, 33, 29, 0.14);
  --shadow-document: 0 1px 2px rgba(0, 0, 0, 0.12), 0 8px 24px rgba(0, 0, 0, 0.08);
  --font-serif: var(--font-fraunces), "Noto Serif CJK SC", "Songti SC", Georgia, serif;
  --font-sans: var(--font-public-sans), "Noto Sans CJK SC", "PingFang SC", system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}