:root {
  --bg: var(--lu4-bg-base);
  --elevated: var(--lu4-bg-elevated);
  --surface: var(--lu4-surface);
  --surface-interactive: var(--lu4-surface-interactive);
  --border: var(--lu4-border);
  --border-strong: var(--lu4-border-strong);
  --floating: var(--lu4-surface-floating);
  /* 地图/图片上的半透明浮层使用完整 Glass 配方，不把 Glass 当成单一颜色层。 */
  --glass-background: var(--lu4-glass-background);
  --glass-backdrop: var(--lu4-glass-backdrop);
  --glass-canvas-backdrop: var(--lu4-glass-canvas-backdrop);
  --glass-border: var(--lu4-glass-border);
  --inset-highlight: var(--lu4-inset-highlight);
  --floating-shadow: var(--lu4-glass-shadow);
  --text: var(--lu4-text-primary);
  --text-secondary: var(--lu4-text-secondary);
  --text-muted: var(--lu4-text-muted);
  --selection-bg: var(--lu4-selection-bg);
  --selection-border: var(--lu4-selection-border);
  --link: var(--lu4-link);
  --link-hover: var(--lu4-link-hover);
  --focus: var(--lu4-focus-ring);
  --control-bg: var(--lu4-control-bg);
  --control-hover-bg: var(--lu4-control-hover-bg);
  --control-border: var(--lu4-control-border);
  --control-border-hover: var(--lu4-control-border-hover);
  --control-text: var(--lu4-control-text);
  --control-muted: var(--lu4-control-muted);
  --data-row-hover-bg: var(--lu4-data-row-hover-bg);
  --data-row-selected-bg: var(--lu4-data-row-selected-bg);
  --map-citizen: var(--lu4-sem-map-citizen);
  --map-monster: var(--lu4-sem-map-monster);
  --map-boss: var(--lu4-sem-map-boss);
  --map-source-drop: var(--lu4-sem-map-source-drop);
  --map-source-spoil: var(--lu4-sem-map-source-spoil);
  --grade-ng: var(--lu4-sem-map-grade-ng);
  --grade-d: var(--lu4-sem-map-grade-d);
  --grade-c: var(--lu4-sem-map-grade-c);
  --grade-b: var(--lu4-sem-map-grade-b);
  --grade-a: var(--lu4-sem-map-grade-a);
  --grade-s: var(--lu4-sem-map-grade-s);
  --map-quest-general: var(--lu4-sem-map-quest-general);
  --map-quest-transfer: var(--lu4-sem-map-quest-transfer);
  --map-outline: var(--lu4-sem-map-outline);
  --map-selected: var(--lu4-sem-map-selected);
  --map-level-far-below: var(--lu4-sem-level-far-below);
  --map-level-below: var(--lu4-sem-level-below);
  --map-level-near-below: var(--lu4-sem-level-near-below);
  --map-level-even: var(--lu4-sem-level-even);
  --map-level-near-above: var(--lu4-sem-level-near-above);
  --map-level-above: var(--lu4-sem-level-above);
  --map-level-far-above: var(--lu4-sem-level-far-above);
  --map-marker-ink: var(--lu4-bg-base);
  --map-marker-shadow: var(--lu4-overlay-strong);
  --font-ui: var(--lu4-font-ui);
  --font-mono: var(--lu4-font-mono);
  --type-page-title-size: var(--lu4-type-page-title-size);
  --type-page-title-line: var(--lu4-type-page-title-line);
  --type-article-title-size: var(--lu4-type-article-title-size);
  --type-article-title-line: var(--lu4-type-article-title-line);
  --type-section-title-size: var(--lu4-type-section-title-size);
  --type-section-title-line: var(--lu4-type-section-title-line);
  --type-component-title-size: var(--lu4-type-component-title-size);
  --type-component-title-line: var(--lu4-type-component-title-line);
  --type-body-size: var(--lu4-type-body-size);
  --type-body-line: var(--lu4-type-body-line);
  --type-ui-size: var(--lu4-type-ui-size);
  --type-ui-line: var(--lu4-type-ui-line);
  --type-dense-size: var(--lu4-type-dense-size);
  --type-dense-line: var(--lu4-type-dense-line);
  --type-label-size: var(--lu4-type-label-size);
  --type-label-line: var(--lu4-type-label-line);
  --type-micro-size: var(--lu4-type-micro-size);
  --type-micro-line: var(--lu4-type-micro-line);
  --type-badge-size: var(--lu4-type-badge-size);
  --type-badge-line: var(--lu4-type-badge-line);
  --radius-sm: var(--lu4-radius-sm);
  --radius-md: var(--lu4-radius-md);
  --radius-lg: var(--lu4-radius-lg);
  --space-1: var(--lu4-space-1);
  --space-2: var(--lu4-space-2);
  --space-3: var(--lu4-space-3);
  --space-4: var(--lu4-space-4);
  --space-5: var(--lu4-space-5);
  --space-6: var(--lu4-space-6);
  --space-8: var(--lu4-space-8);
  --space-9: var(--lu4-space-9);
}