/* Opt-in only. Do not put .basu-ui on #wrap: its em scale belongs to the court. */
.basu-ui {
  --ui-bg: #f4f2ea;
  --ui-surface: #ffffff;
  --ui-ink: #23232b;
  --ui-muted: #555d6d;
  --ui-heading: #23283c;
  --ui-border: #c9cdd6;
  --ui-accent: #f0bd57;
  --ui-accent-ink: #30230d;
  --ui-selection: #fff0ce;
  --ui-success: #21623b;
  --ui-success-bg: #e9f4ec;
  --ui-warning: #77500e;
  --ui-warning-bg: #fff3d8;
  --ui-danger: #a62d2d;
  --ui-danger-bg: #fff0ed;
  --ui-focus: #255cb4;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-text: max(1rem, 16px);
  --ui-small: max(.875rem, 14px);
  --ui-hit: 44px;
  --ui-font: -apple-system, BlinkMacSystemFont, 'Hiragino Kaku Gothic ProN',
    'Yu Gothic', Meiryo, sans-serif;
  --ui-pixel-font: 'DotGothic16', monospace;
}