/* すべての色はここだけに定義する。他ファイルは変数のみ使う。
   差し替え例: 夜の浜辺にしたいときはこのファイルだけ交換する。 */

:root {
  /* 地 */
  --color-bg: #3d5a66;
  --color-sky: #c5d0d6;
  --color-sea: #4a7382;
  --color-sea-deep: #355864;
  --color-sand: #d2be9e;
  --color-sand-wet: #b39a7c;
  --color-foam: #ebe6dc;

  /* 文字 */
  --color-ink: #1f3036;
  --color-title: #f4efe6;
  --color-title-shadow: rgb(31 48 54 / 0.48);
  --color-hint: rgb(244 239 230 / 0.72);

  /* 画面の覆い（タイトル可読性・差し替え用の色味） */
  --color-scrim-top: rgb(31 48 54 / 0.1);
  --color-scrim-bottom: rgb(31 48 54 / 0.36);
  --color-wash: rgb(74 115 130 / 0.16);

  /* 操作 */
  --color-control-bg: rgb(31 48 54 / 0.38);
  --color-control-border: rgb(244 239 230 / 0.22);
  --color-control-fg: #f4efe6;
  --color-focus: rgb(244 239 230 / 0.55);

  /* エラー面 */
  --color-error: #9a534a;
  --color-error-bg: #f4efe6;
  --color-error-muted: rgb(31 48 54 / 0.62);

  /* ブラウザ UI（meta theme-color と同じ値） */
  --color-theme: #3d5a66;
}