/* ================================================================
   42ws BRAND TOKENS — engineering-document tech editorial
   正 = docs/public-design.md「トークン」。値は seminar.42ws.com と同一
   （~/dev/seminar.42ws.com/assets/style.css の :root をそのまま）。
   4 面（42ws.com 公開面 / guides / news.42ws.com / seminar.42ws.com）が
   この変数名・値を共有する（monogamy: 変数名も同じ）。
   ================================================================ */
:root {
  --paper: #F4F6F5;
  --paper-deep: #E9EDEB;
  --ink: #10151A;
  --ink-soft: #3D4750;
  --accent: #FF4D00;
  --accent-deep: #D63E00;
  --term: #0C1116;
  --term-green: #3DDC84;
  --term-dim: #8A97A3;
  --line: #C9D1CE;
  --sans: "IBM Plex Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
  --mono: "IBM Plex Mono", "Menlo", monospace;
  /* 幅（便 W2・docs/public-design.md「幅」）: 外枠 --wrap（ヘッダー・フッター等の広い枠）、
     読み物の本文 --measure（1 行の読みやすさの上限）。4 面が同じ変数名・値を共有する。 */
  --wrap: 1080px;
  --measure: 68ch;
  /* 文字の決まり（便 SLT1・⚖ オーナー 2026-10-10）。TOP・よくある質問・ガイドが全部ここから引く。
     値を変えるときはここだけ直す。ガイドの記事の段落だけ行間を --leading-prose にする（長文は少し開ける）。 */
  --text-body: 16px;
  --leading-body: 1.625;
  --leading-prose: 1.75;
  --text-h2: 24px;
  --leading-h2: calc(4 / 3);
}

/* ロゴ「42ws」の正（便 SLT1・⚖ オーナー 2026-10-10）。42 のロゴは 9×6 マスで出来ていて社名の由来なので、
   黒い四角は横:縦 = 9:6（1.5）の固定比。高さ 24px（従来の見た目の高さ）→ 幅 36px。「42」は四角の中で上下左右の中央。
   「ws」は従来の 1.15 倍（14px → 16.1px）で、下端は 42 の数字の下端（ベースライン）にそろえる。
   公開面・ログイン後ヘッダー・ガイドの静的 HTML が全部これを使う。
   <a class="brand-logo"><span class="brand-logo-mark">42</span><span class="brand-logo-ws">ws</span></a> */
a.brand-logo,
a.brand-logo:hover,
a.brand-logo:focus-visible {
  display: inline-flex;
  align-items: baseline;
  flex-shrink: 0;
  font-family: var(--mono);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  color: var(--ink);
  text-decoration: none;
}
.brand-logo-mark {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 24px;
  margin-right: 0.4em;
  background: var(--ink);
  color: var(--paper);
  /* 字間 0.1em は文字の右に付くので、左に同じだけ足して 42 を左右中央に置く */
  padding-left: 0.1em;
  /* 数字の見た目の中心は line-height 1 の箱の中心より約 1px 上に来るので、0.5px 下げて上下中央にする */
  padding-top: 1px;
  line-height: 1;
}
.brand-logo-ws {
  font-size: 1.15em;
}