/*
 * 佐賀町ホームページ 共通配色
 * 深川藍 × 米の生成り × 錆朱
 * 補助色: 鉄紺 / 鋼の青灰
 *
 * 町の歴史から導いたデザイン上の提案であり、公式制定色ではありません。
 */

:root {
  --fukagawa-ai: #0b3558;
  --iron-navy: #182b3a;
  --rice-kinari: #f4eddd;
  --rice-kinari-deep: #e8ddc8;
  --rust-vermilion: #a44932;
  --steel-blue-gray: #607c8d;
  --steel-blue-gray-deep: #456577;

  /* 既存ページの変数名へ共通配色を割り当てる */
  --ink: var(--iron-navy);
  --ink-soft: #465965;
  --water: var(--fukagawa-ai);
  --water-mid: var(--steel-blue-gray-deep);
  --water-bright: var(--steel-blue-gray);
  --water-light: var(--steel-blue-gray);
  --water-pale: #dce6e7;
  --paper: var(--rice-kinari);
  --paper-deep: var(--rice-kinari-deep);
  --foam: #faf6ec;
  --white: #fffdf8;
  --gold: #dbc9a5;
  --gold-muted: #c8b48d;
  --vermilion: var(--rust-vermilion);
  --timber: var(--iron-navy);
  --line: rgba(24, 43, 58, 0.18);
}

body {
  background-color: var(--rice-kinari);
}

.section--deep {
  background-color: var(--iron-navy);
}

.section--water {
  background-color: var(--fukagawa-ai);
}

.pattern {
  background-color: var(--rust-vermilion);
}

.pattern__inner {
  background: rgba(91, 37, 28, 0.88);
}

.global-footer {
  --global-footer-ink: var(--iron-navy);
  --global-footer-water: var(--fukagawa-ai);
  --global-footer-white: #fffdf8;
  --global-footer-gold: #dbc9a5;
  background: var(--iron-navy);
}

.global-footer__credits {
  background: rgba(11, 53, 88, 0.48);
}