/* Shared by the React application and generated help/tutorial pages. */
:root {
  --jade-bg: #031813;
  --jade-deep: #061e18;
  --jade-surface: #0c2921;
  --jade-raised: #15382d;
  --jade-hover: #1c4436;
  --jade-gold: #ddc183;
  --jade-gold-bright: #f0d69b;
  --jade-gold-ink: #18251c;
  --jade-text: #f2ecdc;
  --jade-muted: #bbc5b6;
  --jade-line: #51604a;
  --jade-line-soft: #2b493c;
  --jade-success: #97d2b2;
  --jade-danger: #ef9e8d;
  --jade-font: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans SC', sans-serif;
  --jade-display: 'Noto Serif SC', 'Songti SC', 'SimSun', Georgia, serif;
  --jade-radius: 10px;
  --jade-shadow: 0 16px 48px rgb(0 8 5 / 28%);
  --jade-button-gold: linear-gradient(180deg, #efdaa1 0%, #ddbf7e 55%, #cfac68 100%);
  --jade-button-green: linear-gradient(180deg, #183c30, #09271f);
  --jade-button-shadow: inset 0 1px 0 #fff5d8, inset 0 0 0 3px rgb(255 241 196 / 18%), 0 3px 0 #796137, 0 7px 14px rgb(0 0 0 / 20%);
  --jade-button-secondary-shadow: inset 0 1px 0 rgb(239 218 161 / 12%), 0 2px 0 #03130e;
  --jade-panel-shadow: inset 0 0 0 3px rgb(218 190 125 / 5%), 0 18px 48px rgb(0 8 5 / 35%);
}