/* テーマA: ダーク × ネオン（サイバー・SNS映え最重視） */
:root {
  --font: -apple-system, "SF Pro Display", "Hiragino Sans", system-ui, sans-serif;
  --bg: #07070d;
  --bar-bg: rgba(10,10,20,.72);
  --card: #11121c;
  --col-bg: #0c0d16;
  --line: rgba(255,255,255,.07);
  --track: rgba(255,255,255,.06);

  --text: #f2f3fb;
  --text2: #a3a6bf;
  --text3: #62657f;

  --accent: #7c5cff;
  --accent-glow: rgba(124,92,255,.55);
  --accent-grad: linear-gradient(90deg, #7c5cff, #22d3ee);
  --hero-bg: radial-gradient(120% 140% at 0% 0%, #1a1340 0%, #0d0d1a 55%);
  --hero-line: rgba(124,92,255,.28);
  --shadow: 0 12px 40px -16px rgba(124,92,255,.4);

  --live: #2dd4bf;
  --live-glow: rgba(45,212,191,.5);

  --c-todo: #5b5e78;
  --c-doing: #38bdf8;  --c-doing-bg: rgba(56,189,248,.14);
  --c-owner: #fbbf24;  --c-owner-line: rgba(251,191,36,.35); --owner-bg: rgba(251,191,36,.12);
  --c-done: #34d399;
  --c-hold: #8b8fa8;
  --c-block: #fb5e7e;  --c-block-line: rgba(251,94,126,.4); --block-bg: rgba(251,94,126,.1);
}
body { background:
  radial-gradient(80% 50% at 100% -5%, rgba(34,211,238,.10), transparent 60%),
  radial-gradient(70% 40% at -10% 0%, rgba(124,92,255,.14), transparent 55%),
  var(--bg); }
.brand { background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }