/* 壱岐市 計画資料集 共通配色
 *
 * 岡部正隆・伊藤啓による Color Universal Design 推奨配色セット（8色）を使います。
 * 色覚特性に配慮して検証された組み合わせなので、値を個別に差し替えないでください。
 *
 * slot と分野の対応は data/plans.yml の domains が持ちます。
 * 番号を入れ替えると凡例と図の対応が崩れます（data/schema.md「slot と配色セットの対応」）。
 *
 * 黒は CUD の並びでは先頭ですが、ここでは末尾の slot 8 に置いています。
 * slot 1 は最も件数の多い分野に当たり、黒だと本文と同じ色になって分野色に見えないためです。
 *
 * ダークの値は、色相を保ったまま明度を上げたものです。CUD の原色をそのまま暗い地に
 * 置くと沈む色があるため、既存ページ（--c1 は light #2a78d6 / dark #3987e5）と同じ考え方で調整しています。
 */
:root{
  --c1:#0072b2;  /* 青    健康・福祉 */
  --c2:#d55e00;  /* 朱    都市基盤・交通 */
  --c3:#009e73;  /* 緑    産業・雇用 */
  --c4:#e69f00;  /* 橙    市政総論 */
  --c5:#cc79a7;  /* 紫赤  行財政運営 */
  --c6:#56b4e9;  /* 空    教育・文化 */
  --c7:#f0e442;  /* 黄    防災・安全 */
  --c8:#000000;  /* 黒    生活環境 */
  /* --cN-ink は --cN を塗りに使ったときに、その上に置く文字色です。
     どの色に白を置けるかは色ごとに違うので、slot ごとに持ちます。
     値は対比 4.5:1 を満たす側を選んであります（tools/palette.test.mjs が検査します）。 */
  --c1-ink:#ffffff; --c2-ink:#0b0b0b; --c3-ink:#0b0b0b; --c4-ink:#0b0b0b;
  --c5-ink:#0b0b0b; --c6-ink:#0b0b0b; --c7-ink:#0b0b0b; --c8-ink:#ffffff;
}
:root[data-theme="dark"]{
  --c1:#3d9ee0; --c2:#f07b22; --c3:#1fbe90; --c4:#f2b33d;
  --c5:#e294bf; --c6:#8fd3f4; --c7:#efe04a; --c8:#c9c7bf;
  /* dark は8色すべて、白より黒のほうが対比を稼げるので黒文字に揃える。 */
  --c1-ink:#0b0b0b; --c2-ink:#0b0b0b; --c3-ink:#0b0b0b; --c4-ink:#0b0b0b;
  --c5-ink:#0b0b0b; --c6-ink:#0b0b0b; --c7-ink:#0b0b0b; --c8-ink:#0b0b0b;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --c1:#3d9ee0; --c2:#f07b22; --c3:#1fbe90; --c4:#f2b33d;
    --c5:#e294bf; --c6:#8fd3f4; --c7:#efe04a; --c8:#c9c7bf;
    --c1-ink:#0b0b0b; --c2-ink:#0b0b0b; --c3-ink:#0b0b0b; --c4-ink:#0b0b0b;
    --c5-ink:#0b0b0b; --c6-ink:#0b0b0b; --c7-ink:#0b0b0b; --c8-ink:#0b0b0b;
  }
}