/* 色ロール（全テーマ共通）
   color-1 = 銘柄一覧
   color-2 = 地図/産地/蒸留所/蔵元
   color-3 = 用語/品種
   color-q = クイズ
*/

:root {
  --ink: #243040;
  --navy: #024F4F;
  --accent: #024F4F;
  --gold: #c4a46a;
  --cream: #f7f4ee;
  --line: #d5d0c6;
  --paper: #fffdf8;
}
body { background: var(--cream); color: var(--ink); }
.site-header { background: #FFFDF8; border-bottom: 2px solid var(--navy); }
.site-header a { color: var(--navy); }
.logo img { height: 40px; width: auto; }
h1 { color: var(--navy); font-size: 1.6rem; margin: 1rem 0 .4rem; }
.hint { color: #5c564c; }
.hub-card a { color: var(--navy); font-weight: 700; }

/* 焼酎固有 */
.map-layout { display: grid; grid-template-columns: 280px 1fr; gap: 1rem; }
.map-box { background: var(--paper); border: 1px solid var(--line); border-radius: 8px; padding: .5rem; }
.map-box svg { width: 100%; height: auto; }
.footer-note { margin-top: 1.5rem; }

color-q { color: #3CA4A4; }
color-1 { color: #444F02; }
color-2 { color: #4F1F02; }
color-3 { color: #30024F; }