/* デザイントークン。以降の全画面はここを参照する。
   色の役割は固定する。装飾目的で --ochre / --ember / --rust を使ってはいけない。 */
:root {
  /* 面 */
  --loam: #1a1613;   /* 地 */
  --seam: #241f1a;   /* 一段持ち上がった面、ナビ */
  --rule: #38302a;   /* 罫線 */

  /* 文字 */
  --bone: #ede6d8;   /* 主 */
  --ash:  #8b8177;   /* 副 */

  /* 意味を持つ色 */
  --ochre: #c9a45c;  /* 積み重ね（増える数字） */
  --ember: #e08a2e;  /* 測定値（更新される数字） */
  /* 目標・期限と、取り消せない操作。どちらも「止まって考えるもの」。
     この2つ以外には使わない。 */
  --rust:  #a8452b;

  /* 地層。質感のための色で、役割を持たない。
     意味を持つ3色（ochre / ember / rust）とは別系統であることを接頭辞で示す。 */
  --strata-light:       #463c31;               /* 基層の明 */
  --strata-dark:        #231e1a;               /* 基層の暗 */
  /* 現在の期の朱の筋。--rust(#a8452b) を一段落とした値。
     同値にすると tokens.css を読んだときに重複に見え、--rust へ統合されて
     「--rust は目標・期限と取り消せない操作だけ」という規則が壊れる。
     --rust → --strata-accent → --strata-past-accent(#6b3a2c) と段階的に落ちる。 */
  --strata-accent:      #8f3f2b;
  --strata-veil:        rgba(19, 16, 14, .85); /* 稜線より上の暗部 */
  --strata-past-accent: #6b3a2c;               /* 過去帯の朱系 */
  --strata-past-base:   #4a4034;               /* 過去帯の基層 */
  --strata-past-empty:  #1f1a17;               /* 1期目の空の過去帯 */

  /* 本文の書体。英数字用を先に、日本語用を後に並べる。
     ブラウザは1文字ずつ前から探すので、英数字は前半（iPhone なら SF、
     Windows なら Arial）、かなと漢字は後半（Hiragino / 游ゴシック）が当たる。

     日本語の書体を先頭に置くと、英数字もそちらの字形になる。ゴシック体は
     ピリオドやカンマを四角い点で描き、数字の字幅も広いため、全角のように見える。
     太さの段数も少なく（Hiragino Sans は2段）、太字がにじむ原因にもなる。 */
  --jp: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial,
        "Hiragino Sans", "Hiragino Kaku Gothic ProN",
        "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  /* 等幅。桁を揃えて読み比べる場所だけに使う。
     "SF Mono" はiPhoneのブラウザから名前で呼べないので、ui-monospace と
     Menlo を先に置く。これが無いと総称の monospace（Courier）に落ちて、
     タイプライター風の細い数字になる。 */
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}