/* =========================================================
   Theme A - 暖かいフォーマル
   Gold × Warm Beige
   ========================================================= */

/* カラーパレット（テーマ変数） */
:root {
	--base-bg: #FAF5EE;
	--base-text: #443B33;

	--main-color: #A37A41;          /* 主色・落ち着いた金茶 */
	--main-text: #2A2A2A;

	--accent-color: #C89145;        /* アクセントの華やぎ金 */
	--accent-text: #FFFFFF;

	--border-color: #D9CFC2;

	--card-bg: #FFFFFF;
	--card-shadow: rgba(163, 122, 65, 0.15);

	--link-color: #A37A41;
	--link-hover: #C89145;
}

/* ---------------------------------------------------------
   ベース
--------------------------------------------------------- */
body {
	background: var(--base-bg);
	color: var(--base-text);
	font-family: "Yu Gothic Medium", "Hiragino Sans", sans-serif;
	line-height: 1.8;
}

/* ---------------------------------------------------------
   見出し
--------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	color: var(--main-text);
	font-family: "Hiragino Mincho ProN", "Yu Mincho", serif;
	letter-spacing: 0.05em;
}

h2 {
	border-left: 6px solid var(--main-color);
	padding-left: 12px;
}

/* ---------------------------------------------------------
   リンク
--------------------------------------------------------- */
a {
	color: var(--link-color);
	text-decoration: none;
	transition: 0.2s;
}

a:hover {
	color: var(--link-hover);
	text-decoration: underline;
}

/* ---------------------------------------------------------
   ナビバー
--------------------------------------------------------- */
.navbar {
	background: #FFFFFF;
	border-bottom: 1px solid var(--border-color);
}

.navbar-brand {
	color: var(--main-color) !important;
	font-weight: bold;
	letter-spacing: 0.08em;
}

.nav-link {
	color: var(--main-text) !important;
}

.nav-link:hover {
	color: var(--main-color) !important;
}

/* ---------------------------------------------------------
   ボタン
--------------------------------------------------------- */
.btn-main {
	background-color: var(--main-color);
	color: var(--accent-text);
	border: none;
	transition: 0.2s;
}

.btn-main:hover {
	background-color: var(--accent-color);
	color: var(--accent-text);
}

.btn-accent {
	background-color: var(--accent-color);
	color: var(--accent-text);
	border: none;
}

.btn-accent:hover {
	background-color: var(--main-color);
}

/* アウトラインボタン */
.btn-outline-main {
	border: 2px solid var(--main-color);
	color: var(--main-color);
	background: transparent;
}

.btn-outline-main:hover {
	background: var(--main-color);
	color: var(--accent-text);
}

/* ---------------------------------------------------------
   カード
--------------------------------------------------------- */
.card {
	background: var(--card-bg);
	border: 1px solid var(--border-color);
	box-shadow: 0 4px 12px var(--card-shadow);
	border-radius: 8px;
}

.card-title {
	color: var(--main-color);
	font-family: "Yu Mincho", serif;
	font-weight: bold;
	letter-spacing: 0.05em;
}

/* ---------------------------------------------------------
   フォーム
--------------------------------------------------------- */
.form-control {
	border: 1px solid var(--border-color);
}

.form-control:focus {
	border-color: var(--main-color);
	box-shadow: 0 0 0 0.2rem rgba(163, 122, 65, 0.25);
}

/* ---------------------------------------------------------
   テーブル
--------------------------------------------------------- */
.table thead {
	background-color: var(--main-color);
	color: var(--accent-text);
}

.table tbody tr {
	border-color: var(--border-color);
}

.table-hover tbody tr:hover {
	background-color: rgba(163, 122, 65, 0.1);
}

/* ---------------------------------------------------------
   フッター
--------------------------------------------------------- */
.footer {
	background: #EFE7DD;
	color: #5C4F45;
	padding: 40px 0;
	text-align: center;
	border-top: 1px solid var(--border-color);
}

/* ナビバーとフッターを同色で統一（濃いめベージュ） */
.navbar {
	background: #E9DFD2 !important;
	border-bottom: 1px solid var(--border-color);
}

.footer {
	background: #E9DFD2 !important;
	border-top: 1px solid var(--border-color);
	color: #4A4038;
}

/* ---------------------------------------------------------
   スクロール変化ナビバー（透明 → ベージュ）
--------------------------------------------------------- */

/* 初期状態：透明＆白文字 */
.navbar {
	background: transparent !important;
	transition: background-color 0.4s ease, box-shadow 0.4s ease, color 0.4s ease;
	box-shadow: none;
}

.navbar .navbar-brand,
.navbar .nav-link {
	color: #FFFFFF !important;
	transition: color 0.3s ease;
}

/* スクロール後に付くクラス */
.navbar.navbar-scrolled {
	background: #E9DFD2 !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.15);
}

/* スクロール後の文字色はメインの濃いテキスト */
.navbar.navbar-scrolled .navbar-brand,
.navbar.navbar-scrolled .nav-link {
	color: var(--main-text) !important;
}