:root {
  color-scheme: dark;

  --ui-font-display: "Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;
  --ui-font-body: Inter, "PingFang SC", "Microsoft YaHei", sans-serif;
  --ui-font-number: Georgia, "Times New Roman", serif;

  --ui-type-caption: 10px;
  --ui-type-supporting: 11px;
  --ui-type-meta: 12px;
  --ui-type-emphasis: 13px;
  --ui-type-body: 14px;
  --ui-type-label: 15px;

  --ui-void: #070604;
  --ui-canvas: #0b0907;
  --ui-panel: #12100c;
  --ui-panel-raised: #19150f;
  --ui-panel-soft: #211b13;
  --ui-parchment: #c9b995;
  --ui-parchment-light: #d4c6a6;
  --ui-parchment-ink: #302419;

  --ui-gold: #c5964f;
  --ui-gold-light: #dfbd7b;
  --ui-gold-dark: #634624;
  --ui-bronze: #8a6133;
  --ui-copper: #8b452d;
  --ui-red: #542318;
  --ui-red-light: #8f4a2d;
  --ui-green: #5e8349;
  --ui-green-light: #9fc17b;

  --ui-text: #e2d2b6;
  --ui-text-soft: #b6a88f;
  --ui-text-muted: #817765;
  --ui-line: rgba(197, 150, 79, 0.34);
  --ui-line-soft: rgba(197, 150, 79, 0.16);

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;

  --ui-header-height: 74px;
  --ui-sidebar-width: 334px;
  --ui-frame-inset: inset 0 0 0 1px rgba(0, 0, 0, 0.92), inset 0 0 0 3px rgba(197, 150, 79, 0.12);
  --ui-frame-shadow: 0 12px 28px rgba(0, 0, 0, 0.34);
}