/* E 系共通デザイントークン（E1 判7）。値の変更はここ1箇所で行う。
   ダークモードは変数値の切替のみ（構造セレクタを持たない）。 */
:root {
  color-scheme: light dark;

  /* 余白（4px 基準スケール） */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* タイポグラフィ（system-ui スタック・input は 16px 以上 = iOS ズーム暴発回避） */
  --font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-xl: 1.25rem;

  /* 基本色 */
  --c-bg: #f5f5f7;
  --c-surface: #ffffff;
  --c-text: #1c1c1e;
  --c-muted: #6e6e73;
  --c-border: #d2d2d7;
  --c-primary: #0a5dc2;

  /* 状態色（バッジ・警告表示。判定 BUY=ok / REVIEW=warn / PASS=danger） */
  --c-ok: #1a7f37;
  --c-warn: #9a6700;
  --c-danger: #b3261e;
  --c-info: #0a5dc2;

  /* 状態色の背景（バッジ・notice の淡色面） */
  --c-ok-bg: #dcefe2;
  --c-warn-bg: #fbf0d3;
  --c-danger-bg: #f9dedc;
  --c-info-bg: #ddeafb;

  /* ホバー面（行カード .list-item 等のインタラクション背景） */
  --c-surface-hover: #ededf1;

  /* 一覧カードの最小幅（PC 多段化の列幅。@media を使わず auto-fill が本値から
     列数を決めるため、ブレークポイントの直値を増やさずに済む）。
     注意: CSS 変数は @media のクエリ条件内では使えないため、ブレークポイント
     そのものはトークン化できない（base.css の 48rem は既存のまま）。 */
  --entry-card-min: 22rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --c-bg: #111113;
    --c-surface: #1c1c1e;
    --c-text: #f2f2f7;
    --c-muted: #98989d;
    --c-border: #3a3a3c;
    --c-primary: #559aea;

    --c-ok: #4fbf67;
    --c-warn: #d9a521;
    --c-danger: #ec928e;
    --c-info: #559aea;

    --c-ok-bg: #12351c;
    --c-warn-bg: #3a2e0a;
    --c-danger-bg: #3d1513;
    --c-info-bg: #102a45;

    --c-surface-hover: #26262b;
  }
}