/* site-header.css が前提にしている本体サイト (agi-hub.ai) のページ側CSS。
   :root トークンと `* { box-sizing: border-box }` は本体では index.html の
   インラインCSSにあるため、このサイトではヘッダーだけに同じ値を与える。
   本体側の値が変わったら合わせて更新する (npm run check:site-header が検出する)。 */
.site-header,
.site-header * {
  box-sizing: border-box;
}

.site-header {
  --ink: #06131f;
  --paper: #ffffff;
  --signal: #0b63ce;
  --font-sans: HelveticaNeue, "Helvetica Neue", Helvetica, Arial,
    "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS ゴシック", "MS Gothic",
    sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Consolas, monospace;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.7;
  color: var(--ink);
}