/* =========================================================
   共通スタイル（館内案内・宿泊約款の両方で読み込む）
   色や書体を変えるときは、ここの :root を書き換えます
   ========================================================= */
:root{
  /* 自社サイト（hotel_m_stay_fukui/assets/css/style.css）の色に合わせています */
  --sea:      #143C72;  /* ネイビー（サイトの --navy）— ヒーロー・ボタン */
  --sea-2:    #2A5A9C;  /* 見出し・アイコン（サイトの --navy-line） */
  --foam:     #E3EBF4;  /* ネイビー上の淡い文字（サイトの --tint-deep） */
  --lamp:     #7FB0E4;  /* アクセント（サイトの --blue-light） */
  --focus:    #3F7CC0;  /* フォーカス枠（サイトの --blue） */
  --mark:     #D69A2D;  /* 未入力【 】の目印（確認用。サイトの色とは別） */
  --paper:    #EEF2F7;  /* 背景（サイトの --tint） */
  --surface:  #FFFFFF;
  --ink:      #333A45;  /* 本文（サイトの --text） */
  --ink-soft: #6D7784;  /* 補足（サイトの --muted） */
  --line:     #DDE4EC;  /* 罫線（サイトの --border） */
  --tint:     rgba(20,60,114,.07);
  --font-display: 'Zen Old Mincho', 'Hiragino Mincho ProN', 'Yu Mincho', serif;
  --font-body: 'BIZ UDPGothic', 'Hiragino Sans', 'Yu Gothic', 'Noto Sans KR', 'PingFang SC', sans-serif;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#0D1A2B; --surface:#14243A; --ink:#E6ECF3; --ink-soft:#9FB0C4; --line:#24364F;
    --sea:#0F2A50; --sea-2:#1D4B85; --tint:rgba(127,176,228,.14);
  }
}

*{ box-sizing:border-box; margin:0; padding:0; }
html{ -webkit-text-size-adjust:100%; }
body{
  font-family:var(--font-body);
  background:var(--paper);
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; }
button{ font:inherit; color:inherit; }
img{ max-width:100%; display:block; }
:focus-visible{ outline:3px solid var(--focus); outline-offset:2px; border-radius:6px; }

/* 言語の切り替え */
.lang{ display:flex; gap:2px; background:rgba(255,255,255,.1); border-radius:999px; padding:3px; }
.lang button{
  border:0; background:transparent; color:var(--foam);
  font-size:12px; font-weight:700; padding:5px 10px; border-radius:999px; cursor:pointer; min-width:36px;
}
.lang button[aria-pressed="true"]{ background:#fff; color:var(--sea); }