/*
 * サイト共通のテーマ層（白 × 深緑 × 空色）。
 *
 * css/style.css の :root を上書きするだけのファイル。style.css の後に
 * 読み込む。クラスは一切定義しない。
 *
 * ------------------------------------------------------------------
 * なぜ style.css を直接書き換えないか
 * ------------------------------------------------------------------
 * style.css は /apps/（テスト環境）と /labs/（別プロジェクトのLP）も
 * 読み込んでいる。トークンを直接書き換えると、意図していない別系統の
 * 画面まで一緒に色が変わる。上書き層を分け、読み込む画面だけを選ぶ。
 *
 * ------------------------------------------------------------------
 * 値の出どころ
 * ------------------------------------------------------------------
 * .claude/skills/potenitas-design/DESIGN.md（POTENITAS のデザイン指針）。
 * 「全面白背景の上に、深緑と空色という2つのアクセントだけを置く。
 * 低彩度のスレート系グレースケールで文字と罫線を作り、影はほとんど
 * 使わない」という方針をトークンに落としたもの。
 *
 * public/event/theme.css が同じ値を持つ（/event/apply/ 専用。あちらは
 * 明朝見出し用のフォント指定を追加で持つ）。**片方だけ変えない。**
 *
 * ------------------------------------------------------------------
 * 変数名について
 * ------------------------------------------------------------------
 * navy / gold という名前のまま値だけを差し替える。style.css と
 * auth.css が var(--color-navy) 等を直接参照しているため、名前を
 * 変えると参照側を全部直すことになり、差分が色の話でなくなる。
 */

:root {
  /* 主色。深緑（POTENITAS の「POTEN」＝認知心理学・教育の領域）。 */
  --color-navy: #166534;
  --color-navy-dark: #14532d;
  --color-navy-light: #15803d;

  /*
   * 指し色。空色（同じく「ITAS」＝AI・IT の領域）。
   * 面には使わず、罫線・フォーカスリング・小さな強調だけに使う。
   * 指針上のブランド色は #38bdf8 だが、このトークンは文字色にも
   * 使われるため、白地でのコントラストが取れる #0284c7 を採る。
   */
  --color-gold: #0284c7;
  --color-gold-dark: #0369a1;
  --color-gold-text: #0369a1;
  --color-gold-light: #bae6fd;

  /* 地色。ページもカードも白。区別は罫線と影で付ける。 */
  --color-white: #ffffff;
  --color-off-white: #ffffff;

  /* 文字。スレート系。 */
  --color-text: #1e293b;
  --color-text-muted: #64748b;

  /* 罫線。 */
  --color-border: #e2e8f0;
  --color-border-strong: #cbd5e1;

  /*
   * --c-main / --c-accent / --c-bg などのレガシー別名は、style.css を
   * 一緒に読むページでは var(--color-*) 経由で上の再定義に追従する。
   * だからここでは再定義しない（このファイルは色の値だけを持つ層で、
   * public/event/theme.css と値が対になっている）。
   *
   * ただし「style.css を一緒に読む」は前提条件であって保証ではない。
   * public/auth/auth.css はここから @import されるが、その auth.css を
   * style.css 抜きで読むページが /production-app/ に実在し、そこでは
   * --c-main が未定義になってボタンが消えた（2026-08-13）。
   * 別名の既定値は auth.css 自身が持たせてある。経緯は auth.css の
   * :root のコメントを参照。ここへ移さないこと（上記の対が崩れる）。
   */
}