/* Senxe — 全站公共层。index.html 与 brief.html 都在自己的样式表之前引它。
   这里只放两页逐字相同的东西：字体声明、共用的颜色与字体栈、盒模型重置。
   凡是两页取值不同的（如 --text：首页 #FFFFFF、简报页 #F1F3EE）都留在各自
   的样式表里覆盖，不要上移到这里。 */

/* ---------- 自托管字体（latin 子集，无外链 CDN）---------- */
/* 这几份 woff2 都要带 hinting。Google Fonts 按浏览器给不同的文件：给 Mac 的去掉了
   hinting（Mac 不用它），给 Windows 的带着。原来的文件是在 Mac 上下载的，放到
   Windows 上小字发虚。现在换成 Windows 那一版：字形、字宽、字距逐个比对过，完全
   相同，只多了 hinting 表，所以 Mac 上显示不变。以后换字体也要用 Windows 的
   User-Agent 去取。?v=hint 是为了让浏览器扔掉缓存里的旧文件 */

/* IBM Plex Mono — self-hosted (latin subset) so the intro decode never swaps fonts mid-animation */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/ibm-plex-mono-400.woff2?v=hint") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("assets/ibm-plex-mono-500.woff2?v=hint") format("woff2");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("assets/ibm-plex-mono-600.woff2?v=hint") format("woff2");
}
/* Fraunces — 正文衬线（可变字，opsz 9–144，自托管 latin 子集） */
@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/fraunces-var.woff2?v=hint") format("woff2");
}
/* Anton — 全站展示字（自托管 latin 子集）。
   what 页那条字带用的也是它，只是以轮廓形式内联（见 tools/make-title-svg.py）；
   标题用活字，两者是同一套字形，页面因此只有一种展示嗓音。
   原来这里还有一款 Syne 800：当初为了拉伸几何把字带换成 Anton，却没回头统一
   标题，站上于是出现两款差异极大的展示字，读起来像两个品牌。已撤 */
@font-face {
  font-family: "Anton";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("assets/anton-latin.woff2?v=hint") format("woff2");
}
/* Syne 800 — 只给右上导航和 brief.html 的列表标题用，两处共用一份字体文件 */
@font-face {
  font-family: "Syne";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("assets/syne-800.woff2?v=hint") format("woff2");
}

/* 开场解码时闪过的符号（Σ Γ Θ Λ Π Φ Ψ Ω α σ π Я ∫ ∂ ∆）Plex Mono 里没有，一直是
   系统等宽字顶上：Mac 的 Chrome 取 Menlo，Windows 取 Consolas，两边长得不一样。
   这份是 DejaVu Sans Mono 里这 15 个字形的子集（Menlo 就是从它改出来的，这 15 个
   字形轮廓与 Menlo 完全一致），在 .dc 的字体栈里排在 Menlo 之后：Mac 照旧用 Menlo，
   没有 Menlo 的系统用它。许可见 assets/decode-glyphs-LICENSE.txt */
@font-face {
  font-family: "Senxe Decode";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("assets/decode-glyphs.woff2?v=hint") format("woff2");
  unicode-range: U+0393, U+0398, U+039B, U+03A0, U+03A3, U+03A6, U+03A8, U+03A9, U+03B1, U+03C0, U+03C3, U+042F, U+2202, U+2206, U+222B;
}

/* ---------- 共用 token ---------- */
:root {
  --bg: #000000;
  --accent: #C9FA09;
  /* 暂时把正文换成衬线。IBM Plex Mono 的 @font-face 与 --mono 都保留着，
     把下面两行的值对调即可整站还原 */
  --font: "Fraunces", Georgia, "Times New Roman", serif;
  --mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

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