:root {
  --brand: #0F766E;       /* 主色: 見出し・リンク・チェック表示・ヘッダーの下線 */
  --brand-dark: #115E59;  /* 見出しの濃い色 */
  --brand-soft: #CCFBF1;  /* 淡い背景（バッジ） */
  --brand-tint: #F0FDFA;  /* ごく淡い背景 */
  --brand-band: #D9F2EE;  /* トップページ上部の帯 */
  --brand-head: #E3F4F1;  /* 表の見出し行 */
}
/* Tailwind の preflight（a { color: inherit }）より優先させるため body を付ける */
body h1, body h2, body h3 { color: var(--brand-dark); }
body a { color: var(--brand); }
body a:hover { color: var(--brand-dark); }
/* ヘッダーはティールの塗りに白文字 */
body header.site-header, body header.site-header a { color: #fff; }
/* 表の見出し行は薄いティール */
body thead tr { background: var(--brand-head); }
body thead th { padding-top: .375rem; padding-bottom: .375rem; }
body thead th:first-child { padding-left: .5rem; }