/* テーマB: ミニマル白基調（上質・余白たっぷり・iOS的洗練） */
:root {
  --font: -apple-system, "SF Pro Text", "Hiragino Sans", system-ui, sans-serif;
  --bg: #f6f6f4;
  --bar-bg: rgba(246,246,244,.78);
  --card: #ffffff;
  --col-bg: #efefec;
  --line: rgba(20,20,30,.08);
  --track: rgba(20,20,30,.06);

  --text: #15161c;
  --text2: #5c5e6b;
  --text3: #9a9ca8;

  --accent: #4f46e5;
  --accent-glow: rgba(79,70,229,.28);
  --accent-grad: linear-gradient(90deg, #4f46e5, #7c6cff);
  --hero-bg: linear-gradient(150deg, #1c1d2b 0%, #2b2540 100%);
  --hero-line: rgba(20,20,30,.06);
  --shadow: 0 14px 38px -20px rgba(30,30,50,.28);

  --live: #16a34a;
  --live-glow: rgba(22,163,74,.4);

  --c-todo: #b6b8c2;
  --c-doing: #2563eb;  --c-doing-bg: rgba(37,99,235,.1);
  --c-owner: #d97706;  --c-owner-line: rgba(217,119,6,.3); --owner-bg: rgba(217,119,6,.08);
  --c-done: #16a34a;
  --c-hold: #9a9ca8;
  --c-block: #dc2626;  --c-block-line: rgba(220,38,38,.28); --block-bg: rgba(220,38,38,.06);
}
/* ヒーローは暗パネルで反転コントラスト */
.rev-hero { color: #fff; }
.rev-hero .rev-month { color: rgba(255,255,255,.7); }
.rev-hero .rev-live { color: rgba(255,255,255,.55); }
.rev-hero .rev-amount { color: #fff; }
.rev-hero .rev-of { color: rgba(255,255,255,.55); }
.rev-hero .rev-foot { color: rgba(255,255,255,.7); }
.rev-hero .rev-foot b { color: #b9aaff; }
.rev-hero .rev-bar { background: rgba(255,255,255,.14); }
.badge { color: #fff; }