:root {
  color-scheme: light;
  --page-bg: #1f1d1a;
  --frame-bg: #f4ede2;
  --surface: #fffdf9;
  --surface-soft: #f3eadf;
  --surface-muted: #ede4d6;
  --surface-dark: #43372f;
  --panel-bg: #fffdfa;
  --canvas-paper: #fffdf9;
  --line: rgba(102, 82, 56, 0.16);
  --line-strong: rgba(102, 82, 56, 0.3);
  --text: #2f261d;
  --text-soft: #8e7f6c;
  --text-faint: #b3a48e;
  --green: #5c8a67;
  --green-strong: #4e7859;
  --green-soft: rgba(92, 138, 103, 0.14);
  --gold: #c5a35b;
  --gold-soft: rgba(197, 163, 91, 0.16);
  --warn: #d36650;
  --warn-soft: rgba(211, 102, 80, 0.12);
  --board-light: #efe5d3;
  --board-dark: #c4b193;
  --piece-dark: #4b4038;
  --piece-light: #fffaf0;
  --radius-xs: 8px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-2xl: 30px;
  --shadow-none: none;
  --font-display: "Cormorant Garamond", serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --shell-width: 1118px;
  --header-height: 56px;
  --board-size: 430px;
  --history-width: 214px;
}