/* ─────────────────────────────────────────────
   shiro ─ ログイン後ページの白黒統一
   style.css の色を「白と黒のみ」に上書きする。
   dash レイアウトで style.css の後に読み込む。
   ───────────────────────────────────────────── */

:root {
    --accent:      #111111;   /* 朱 → 黒 */
    --accent-soft: #f2f2f2;   /* 朱の淡色 → 薄グレー */
    --paper:       #ffffff;
    --paper-warm:  #ffffff;
    --ink:         #111111;
    --ink-soft:    #555555;
    --ink-faint:   #8a8a8a;
    --line:        #e4e4e4;
    --line-soft:   #f0f0f0;
    --ok:          #111111;
    --warn:        #111111;
    --danger:      #111111;
    --shadow:      0 1px 2px rgba(0,0,0,.05);
}

/* dash の .d-main が既に横幅と余白を持つので、内側 .page の二重枠を解除 */
.d-main .page,
.d-main .page-narrow { max-width: none; padding: 0; margin: 0; }
.d-main .site-main { padding: 0; }

/* 見出しは明朝のまま（style.css 準拠）。本文はゴシック */

/* ボタン：主ボタン＝黒塗り、ホバーで反転 */
.btn-primary { background: #111; border-color: #111; color: #fff; }
.btn-primary:hover { background: #fff; border-color: #111; color: #111; }
.btn-danger { background: #111; border-color: #111; color: #fff; }
.btn-danger:hover { background: #fff; color: #111; }

/* バッジ：色を使わず線と塗りで区別 */
.badge-open      { background: #fff;    color: #111;    border: 1px solid #111; }
.badge-active    { background: #fff;    color: #111;    border: 1px solid #111; }
.badge-delivered { background: #111;    color: #fff; }
.badge-completed { background: #f2f2f2; color: #8a8a8a; }
.badge-danger    { background: #111;    color: #fff; }
.badge-pledge    { background: #f2f2f2; color: #111;    border: 1px solid #111; }

/* アラート：白黒 */
.alert-success { background: #f6f6f6; color: #111; border: 1px solid #111; }
.alert-error   { background: #fff;    color: #111; border: 1px solid #111; }
.alert-info    { background: #f6f6f6; color: #333; border: 1px solid #dcdcdc; }
.alert-warn    { background: #f6f6f6; color: #111; border: 1px solid #111; }

/* ブランドマーク・落款 → 黒 */
.brand-mark { background: #111; color: #fff; }

/* 評価スター → 黒 */
.stars { color: #111; }
.stars .empty { color: #dcdcdc; }

/* メッセージ吹き出し（自分）→ グレー */
.msg.mine { background: #f2f2f2; border-color: #dcdcdc; }

/* 宣誓ボックス → 白黒 */
.pledge-box { background: #f6f6f6; border-color: #111; }
.pledge-box .pledge-title { color: #111; }

/* タイルのカバー・プレースホルダ → 薄グレー */
.tile-cover { background: #f2f2f2; }

/* フォーカスリング → グレー */
input:focus, select:focus, textarea:focus { border-color: #111; box-shadow: 0 0 0 3px #eeeeee; }

/* リンクのホバー → 黒（朱にしない） */
a:hover { color: #111; }

/* 統計タイルの数値は明朝（style.css）。色は黒のまま */