:root {
  --color-canvas: #F5F8F7;
  --color-surface: #FFFFFF;
  --color-ink: #17343D;
  --color-muted: #5D7178;
  --color-primary: #117C72;
  --color-primary-hover: #0C665E;
  --color-primary-active: #09564F;
  --color-mint: #B2EFD6;
  --color-mint-soft: #EAF7F1;
  --color-line: #DDE7E2;
  --color-line-strong: #778F85;
  --color-warning: #805917;
  --color-warning-soft: #FFF6E4;
  --color-error: #AC3A36;
  --color-error-soft: #FFF1EF;
  --color-focus: #005FCC;
  --color-disabled: #EDF1EF;
  --color-disabled-text: #73837C;
  --color-proof-arrow: #6D9485;
  --color-proof: #F0F8F4;
  --color-table-heading: #F2F6F4;
  --color-table-index: #F7FAF8;
  --color-action-surface: #F9FBFA;
  --color-error-border: #F0D1CB;
  --font-body: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-button: 12px;
  --radius-field: 10px;
  --radius-panel: 24px;
  --radius-small: 8px;
  --radius-pill: 999px;
  --shadow-panel: 0 12px 40px rgba(23,52,61,0.04);
  --content-max: 1080px;
  --motion-fast: 140ms ease-out;
}