/* ============================================================
   THE ARK · Shared Components (minimal baseline)
   ------------------------------------------------------------
   依赖：variables.css（必须先加载）
   设计原则：
     - 本文件只放**绝对安全**的共享规则：要么所有页面都 override，
       要么所有页面都不冲突。
     - 任何会在某些页面"首次生效"的 baseline（如 .section-title、
       .sidebar-label、.tag、.btn）都不放这里 —— 它们在不同页面
       语义不同，会造成"字体突然变大、对齐错位"。
     - 视觉统一通过 **Phase 2** 逐页扫描 inline style 完成，
       而不是通过全局 baseline。
   ------------------------------------------------------------
   Phase 1 状态：此文件刻意保持极简。后续 Phase 2 将：
     1. 为每个组件确立 canonical 版本（由 Tiriara 指定）
     2. 逐页修改 inline 规则向 canonical 收敛
     3. 收敛完成后，相关规则可以安全迁移到本文件
   ============================================================ */

/* ── Reset ──
   所有页面的 inline <style> 里都有同样的 reset，重复无害。
   放在这里主要是**为将来新增页面**提供默认。 */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* ── Font smoothing ──
   不影响字体大小/布局，只让字体渲染更柔和。 */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── Member accent colors (只作用于 .tag-member.xxx 组合) ──
   每个页面要用成员色 tag 时，只需在 HTML 上写
   <span class="tag tag-member loomis">...</span>
   并由页面自己的 .tag 规则控制 padding/font-size。
   本文件只负责 loomis/tiriara/caesura/... 的色彩分配。 */
.tag-member.loomis   { border-color: var(--m-loomis);  color: var(--m-loomis);  background: rgba(90,140,106,0.05); }
.tag-member.tiriara  { border-color: var(--m-tiriara); color: var(--m-tiriara); background: rgba(90,127,160,0.05); }
.tag-member.caesura  { border-color: var(--m-caesura); color: var(--m-caesura); background: rgba(138,90,120,0.05); }
.tag-member.veylin   { border-color: var(--m-veylin);  color: var(--m-veylin);  background: rgba(122,122,74,0.05); }
.tag-member.astra    { border-color: var(--m-astra);   color: var(--m-astra);   background: rgba(90,106,138,0.05); }
.tag-member.rowan    { border-color: var(--m-rowan);   color: var(--m-rowan);   background: rgba(138,106,58,0.05); }
.tag-member.kairos   { border-color: var(--m-kairos);  color: var(--m-kairos);  background: rgba(106,74,138,0.05); }
