:root {
  /* 全体の雰囲気：少しレトロな緑系に変更 */
  --bg-body: #f4f1e6;      /* ページ全体の背景：薄いベージュ */
  --bg-main: #ffffff;      /* メインコンテンツの背景：白 */
  --accent: #1b7f5f;       /* 見出し・リンクなどのメインカラー（深い緑） */
  --accent-soft: #d5efe3;  /* 薄い緑（テーブルの背景などに使う用） */
  --border-soft: #c4b89c;  /* やわらかめの枠線色（少しブラウン寄り） */
  --text-main: #222222;    /* 普通の文字色 */
  --text-sub: #5f5b52;     /* サブテキスト・注釈用の文字色 */
}

body {
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  background: var(--bg-body);
  color: var(--text-main);
}

a {
  color: var(--accent);
}

a:hover {
  text-decoration: underline;
}

.nav-section-title {
  color: var(--text-sub);
}

h1, .page-title {
  color: var(--accent);
}

.card, .boss-main-block {
  background: var(--bg-main);
  border: 1px solid var(--border-soft);
}