/* ===== walle-yiwa — 基础(base)=====
reset、body 排版、通用工具类(.mono/.serif/.link)、对比度基础与全局焦点可见性。
依赖 variables.css 的设计 token。===== */

* { box-sizing: border-box; margin: 0; padding: 0; }

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: var(--font-body);
  background: var(--bg);
  color: var(--text-main);
  font-size: 16.5px;
  line-height: 1.75;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.mono { font-family: var(--font-mono); }
.serif { font-family: var(--font-serif); }
.link { color: var(--yiwa-blue); text-decoration: none; }
.link:hover { color: var(--yiwa-blue-deep); text-decoration: underline; }
.danger-link { color: var(--error); }
.danger-link:hover { color: var(--error); }

/* 焦点可见(无障碍):全站统一(原 style.css 尾部,归属基础层) */
/* ===== 焦点可见(无障碍) ===== */
:focus-visible {
  outline: 2px solid var(--walle-yellow);
  outline-offset: 2px;
  border-radius: 4px;
}