:root {
  --bg-deep: #08070d;
  --surface: rgba(18, 16, 24, 0.82);
  --surface-hover: rgba(28, 24, 40, 0.9);
  --surface-active: rgba(38, 32, 52, 0.9);
  --border: rgba(201, 169, 82, 0.08);
  --border-hover: rgba(201, 169, 82, 0.2);
  --border-active: rgba(201, 169, 82, 0.35);
  --glow: rgba(201, 169, 82, 0.08);
  --gold: #c9a952;
  --gold-dim: #7a6830;
  --gold-bright: #e8c96a;
  --vermillion: #c23a2b;
  --vermillion-soft: rgba(194, 58, 43, 0.5);
  --text: #e8e0d0;
  --text-sec: #a89e8e;
  --text-muted: #c3ab7a;
  --font-display: 'Ma Shan Zheng', cursive;
  --font-body: 'Noto Serif SC', 'Songti SC', 'SimSun', serif;
  --radius: 12px;
  --radius-lg: 18px;
  --ease: 0.3s cubic-bezier(.4, 0, .2, 1);
  --ease-out: 0.5s cubic-bezier(0, .6, .2, 1);
  --atmo-hue: 240;
  --atmo-sat: 40%;
  --atmo-opacity: 0.06;
}