/* 色の原板。画面ごとの CSS は、この段階から選んで自分の名前を付ける。

   同じ色の文字列が6つの CSS に散っていて、1色直すのに6か所を書き換えるしかなかった。
   一度だけ書いて、あとは参照する。名前は用途ではなく明るさで付ける。用途の名前
   (--paper / --bg / --color-bg) は画面ごとに指す先が違うので、ここに置くと
   混ぜてはいけないものが混ざる。

   n=無彩色に近い緑寄り、gr=緑、rd=赤、bl=青、am=琥珀。数字は明度(%)。
   96.4% は --n-964、96% は --n-96。明暗どちらでも同じ値で、ここでは切り替えない。

   ここに入れられないものが2か所ある。各 HTML の <meta name="theme-color"> と
   theme.js の BAR。ブラウザの色帯は CSS 変数を読まないので手書きの #f4faf2 /
   #121a14 のままで、それぞれ --n-986 / --n-14 と同じ色を指している。片方だけ
   直すと画面と色帯がずれる。 */
:root{
  --n-100:oklch(100% 0 0);
  --n-99:oklch(99% .01 150);
  --n-986:oklch(98.6% .008 150);
  --n-964:oklch(96.4% .012 150);
  --n-96:oklch(96% .01 150);
  --n-88:oklch(88% .016 150);
  --n-74:oklch(74% .02 150);
  --n-60:oklch(60% .018 150);
  --n-52:oklch(52% .02 155);
  --n-46:oklch(46% .022 155);
  --n-31:oklch(31% .018 150);
  --n-27:oklch(27% .025 155);
  --n-22:oklch(22% .018 155);
  --n-19:oklch(19% .03 155);
  --n-18:oklch(18% .016 155);
  --n-14:oklch(14% .014 155);
  --gr-965:oklch(96.5% .032 152);
  --gr-82:oklch(82% .1 152);
  --gr-80:oklch(80% .13 150);
  --gr-78:oklch(78% .14 152);
  --gr-72:oklch(72% .14 152);
  --gr-48:oklch(48% .12 152);
  --gr-45:oklch(45% .13 150);
  --gr-41:oklch(41% .12 152);
  --gr-21:oklch(21% .035 152);
  --rd-74:oklch(74% .15 25);
  --rd-48:oklch(48% .17 27);
  --bl-78:oklch(78% .11 225);
  --bl-52:oklch(52% .13 230);
  --am-96:oklch(96% .045 75);
  --am-23:oklch(23% .035 75);
}