/* ===== 店内の黒板壁カラー（プラムブラウン×チョーク×木枠） =====
   ・ページ全体：index.html?theme=plum（html[data-theme="plum"]）
   ・部分適用：要素に class="theme-plum"（カフェ欄で使用） */
html[data-theme="plum"],
.theme-plum {
  --paper: #5a3c3a;        /* 黒板壁 */
  --green-pale: #4a302f;   /* 一段暗い黒板（パネル地） */
  --ink: #f1e9da;          /* チョークの白 */
  --ink-soft: #cdbcab;
  --green: #d2ae74;        /* 木枠の明るい木色（アクセント） */
  --green-deep: #f4ecdd;   /* 見出しはチョーク色 */
  --brass: #d2ae74;
  --line: rgba(241, 233, 218, 0.22);
  --card: #664745;         /* 白カードの代わり */
  --on-accent: #3a2524;
  --chalk-dash: rgba(241, 233, 218, 0.45);
}

/* 部分適用時：セクションを横幅いっぱいの帯にする（帯の色はTOYCAFEロゴの背景のえんじ色） */
.theme-plum {
  --paper: #943d2a;
  --green-pale: #943d2a;   /* パネルは一段暗いえんじ */
  --card: #7a3122;         /* 本日の行などはさらに暗いえんじ */
  --ink-soft: #d6c4b3;
  --green: #e0c08a;        /* えんじ地でコントラスト4.5以上を確保した木色 */
  --brass: #e0c08a;
  background: var(--paper); color: var(--ink);
}
.biz.theme-plum { padding: 64px 0; margin-bottom: 40px; }

html[data-theme="plum"] .site-header { background: rgba(90, 60, 58, 0.94); }

/* 緑のロゴ・キャラクターをチョーク色に */
html[data-theme="plum"] .brand img,
html[data-theme="plum"] .hero-logo img,
:is(html[data-theme="plum"], .theme-plum) .mascot { filter: brightness(0) invert(0.93) sepia(0.3); }
html[data-theme="plum"] .lamp-glow { background: radial-gradient(closest-side, rgba(232, 190, 120, 0.28), rgba(232, 190, 120, 0) 70%); }

:is(html[data-theme="plum"], .theme-plum) :is(.biz-index a, .juku-points .tag, .contact-card, .hours tr.is-today) { background: var(--card); }
:is(html[data-theme="plum"], .theme-plum) :is(.biz-index a:hover, .btn-outline:hover) { color: var(--on-accent); }

:is(html[data-theme="plum"], .theme-plum) :is(.hours th, .hours td) { border-bottom-color: var(--chalk-dash); }
:is(html[data-theme="plum"], .theme-plum) .hours th { border-right-color: var(--chalk-dash); }

html[data-theme="plum"] .site-footer { background: #3a2524; color: var(--ink); }
html[data-theme="plum"] :is(.nav-toggle-bar, .nav-toggle-bar::before, .nav-toggle-bar::after) { background: var(--ink); }
html[data-theme="plum"] .nav-toggle[aria-expanded="true"] .nav-toggle-bar { background: transparent; }