/*
 * base.css — 全ページ共通のトークン（御家騒動 / A-GARTEN）
 *  :root のカラー変数と、最低限のリセットのみ。
 *  html/body のレイアウト（固定ビューポート型 or スクロール型）はページごとに異なるため、
 *  各ページの <style> 側に残す。
 */

:root {
  --bg: #0f100c;
  --bg-alt: #17190f;
  --paper: #e7e0cb;
  --paper-dim: #8d8571;
  --blood: #7c3229;
  --blood-bright: #a8453a;
  --gold: #a6863f;
  --line: rgba(231, 224, 203, 0.12);

  /* ============ 家カラー（5家） ============
   * 各家3値ペア：確定色（面）／-bg（黒背景セクションの極暗背景）／-ac（黒背景セクションのアクセント＝家紋・罫線・家名）。
   * -bg-rgb / -ac-rgb は rgba() での透過ブレンド用（グラデーション・グロー等）。
   */
  --goin: #43355E;      --goin-bg: #18121F;      --goin-ac: #8E77BC;
  --goin-bg-rgb: 24, 18, 31;      --goin-ac-rgb: 142, 119, 188;

  --mikado: #A5473A;    --mikado-bg: #1E110D;    --mikado-ac: #C97059;
  --mikado-bg-rgb: 30, 17, 13;    --mikado-ac-rgb: 201, 112, 89;

  --misasagi: #3F6B7C;  --misasagi-bg: #111A1F;  --misasagi-ac: #74A7BE;
  --misasagi-bg-rgb: 17, 26, 31;  --misasagi-ac-rgb: 116, 167, 190;

  --misono: #4F9070;    --misono-bg: #111C16;    --misono-ac: #74C29A;
  --misono-bg-rgb: 17, 28, 22;    --misono-ac-rgb: 116, 194, 154;

  --oike: #C09A3C;      --oike-bg: #1C1608;      --oike-ac: #E2C566;
  --oike-bg-rgb: 28, 22, 8;       --oike-ac-rgb: 226, 197, 102;
}

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

/* site-header.css / site-footer.css のフェードインで使用。
   ページ固有の演出（paraTextIn等）は各ページの <style> 側に残す。 */
@keyframes paraFadeIn { to { opacity: 1; } }

/* ============ 家紋（.kamon） ============
 * 5家分の透過PNG（img/kamon/）をCSSマスクとして使い、色はCSSで付ける（PNG自体は無着色扱い）。
 * 既定色は金（本家）。分家は .kamon--white、朱は今後の用途に備えて定義のみ。
 * サイズは呼び出し側で --kamon-size を上書きする。
 */
.kamon {
  display: inline-block;
  width: var(--kamon-size, 2.5rem);
  aspect-ratio: 1 / 1;
  background-color: var(--kamon-color, var(--gold));
  -webkit-mask: var(--kamon-src) center / contain no-repeat;
          mask: var(--kamon-src) center / contain no-repeat;
  flex: 0 0 auto;
}
.kamon--honke { --kamon-src: url("/img/kamon/kamon-kasane.png"); } /* 御院本家 */
.kamon--mon   { --kamon-src: url("/img/kamon/kamon-ken.png");    } /* 御門 */
.kamon--ryo   { --kamon-src: url("/img/kamon/kamon-wari.png");   } /* 御陵 */
.kamon--sono  { --kamon-src: url("/img/kamon/kamon-hana.png");   } /* 御園 */
.kamon--ike   { --kamon-src: url("/img/kamon/kamon-neji.png");   } /* 御池 */
.kamon--gold  { --kamon-color: var(--gold); }
.kamon--white { --kamon-color: var(--paper); }
.kamon--shu   { --kamon-color: var(--blood-bright); }