/* Mökki専用。既存のMökki用PHPで読み込むtheme.css。元の配色を保持。 */
:root{
  /* メインカラーのRGB値。ボタンや半透明の装飾へ共通反映します。 */
  --theme-accent-rgb:59,125,133;
  --accent:rgb(var(--theme-accent-rgb));
  --brand:var(--accent);
  --accent_soft:#c8dadd;
  --ring:rgba(var(--theme-accent-rgb),.2);

  /* 背景・文字・枠線 */
  --bg:#ffffff;
  --surface:#f7fafb;
  --card:#ffffff;
  --panel:#ffffff;
  --text:#2b2b2b;
  --muted:#66767c;
  --line:#dfeaec;
  --border:var(--line);
  --theme-white:#fff;
  --theme-black:#000;
  --theme-text-secondary:#666;
  --theme-text-subtle:#777;
  --theme-text-description:#555;
  --theme-text-label:#444;
  --theme-text-disabled:#55646a;
  --theme-text-weekday:#766f5e;
  --theme-text-reservation-label:#3a3429;
  --theme-text-warning:#8a5b2b;
  --theme-text-placeholder:rgba(102,118,124,.55);
  --theme-link:#1a73e8;
  --theme-avatar-bg:#eee;
  --theme-readonly-bg:#f8f8f8;
  --theme-grid-heading-bg:#faf7ef;
  --theme-hover-border:#cfc8b9;

  /* 空き状況・成功表示 */
  --ok:#156f1a;
  --ng:#999;
  --theme-success-border:#bfe3c3;
  --theme-success-bg:#e7f6e9;

  /* エラー・キャンセル・ログアウト */
  --danger:#d32f2f;
  --danger-ink:#ffffff;
  --theme-danger-border:#b71c1c;
  --theme-error-bg:#fff5f5;
  --theme-error-text:#7f0000;
  --theme-danger-button:#c62828;
  --theme-danger-disabled:#e6a8a8;
  --theme-logout:#b30000;

  /* メインカラーに連動する半透明の装飾 */
  --theme-head-top:rgba(var(--theme-accent-rgb),.08);
  --theme-head-bottom:rgba(var(--theme-accent-rgb),.03);
  --theme-brand-border:rgba(var(--theme-accent-rgb),.35);
  --theme-highlight:rgba(var(--theme-accent-rgb),.16);

  /* フッター・通知・影 */
  --theme-footer-clear:rgba(255,254,251,.0);
  --theme-footer-middle:rgba(255,254,251,.85);
  --theme-footer-solid:rgba(255,254,251,1);
  --theme-toast-bg:#222;
  --theme-overlay:rgba(0,0,0,.35);
  --theme-shadow-05:rgba(0,0,0,.05);
  --theme-shadow-06:rgba(0,0,0,.06);
  --theme-shadow-08:rgba(0,0,0,.08);
  --theme-shadow-12:rgba(0,0,0,.12);
  --theme-shadow-14:rgba(0,0,0,.14);
  --theme-shadow-15:rgba(0,0,0,.15);
  --theme-shadow-18:rgba(0,0,0,.18);
  --theme-shadow-28:rgba(0,0,0,.28);

  /* 既存のデバッグ表示 */
  --theme-debug-bg:#111;
  --theme-debug-text:#0f0;
}

/* メニュー選択ボタン：有効時の文字と矢印を本文色に統一 */
html:root:has(#step1) .menu-select-button:not(:disabled){
  color:var(--text);
}