/* =========================================================================
   大航海群像志 · theme.css
   -------------------------------------------------------------------------
   ★ 想换风格？只改这个文件的变量就够了。
     比如把 --gold 换成别的颜色，全站的金色描边、按钮、高亮会一起变。
   ========================================================================= */

:root {
  /* 底色 */
  --bg-0: #20363d;
  --bg-1: #f0e9d8;
  --bg-2: #e5dcc9;
  --bg-3: #d2c5aa;
  --bg-4: #b6a688;

  /* 线条 */
  --line: rgba(40, 62, 65, .20);
  --line-2: rgba(240, 233, 216, .14);
  --line-3: rgba(40, 62, 65, .26);

  /* 文字 */
  --ink: #293d40;
  --ink-2: #53635f;
  --ink-3: #788079;

  /* 强调色 */
  --gold: #a85b45;
  --gold-2: #c77459;
  --gold-dim: rgba(168, 91, 69, .12);
  --red: #a4473d;
  --red-2: #bd5d50;
  --green: #54755f;
  --blue: #547d88;
  --purple: #796b82;

  /* 形状 */
  --radius: 3px;
  --radius-sm: 2px;
  --shadow-1: 0 2px 6px rgba(26, 42, 45, .14);
  --shadow-2: 0 10px 28px rgba(18, 37, 41, .24);

  /* 字体 */
  --font-display: Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow: hidden;
  background: var(--bg-0);
  color: var(--ink);
  font-family: var(--font-ui);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

button:disabled { cursor: not-allowed; opacity: .38; }

code {
  font-family: ui-monospace, "Cascadia Code", Consolas, monospace;
  background: var(--gold-dim);
  color: var(--gold-2);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: .92em;
}

/* 滚动条 */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(46, 87, 91, .25);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(46, 87, 91, .44); }

/* 数字等宽 */
.num, .stat b, #s-gold, .price { font-variant-numeric: tabular-nums; }