/* ===== テーマ変数 =====
   全ページ共通。style.css / admin.css より先に読み込むこと。
   style.css はこの変数を多数参照しているため、読み忘れると表示が崩れる。
   新規ページ（admin.html など）は theme.css と自分の CSS だけを読み、
   style.css は読まない（採点画面専用のレイアウトを持ち込まないため）。

   配色は大会ポスター（黒地に金の見出し、朱の差し色、生成りの情報パネル）に合わせる。
   - ライト＝「黒金の帯＋生成りの紙」: 見出しの帯は黒金、作業面は生成り（屋外でも読める）
   - ダーク＝「黒金」: 全面を黒にして金を主役に（発表・共有など見せる画面の既定）
   帯（--band-*）と金・朱（--gold* / --vermilion）はテーマに依らず同じ値を使う。 */

/* 見出し用の明朝（しっぽり明朝 B1 Bold、OFL）。fonts/README.md を参照。
   swap: 読み込み前は端末の明朝で出し、届いたら差し替える（会場の回線が細くても見出しが消えない）。 */
@font-face {
  font-family: "Shippori Mincho B1";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/ShipporiMinchoB1-Bold.woff2") format("woff2");
}

:root {
  /* 帯（上部バー・選手名・表の見出しなど、ポスターの黒地に当たる部分） */
  --band-bg:      #0b0d14;
  --band-bg-2:    #1b1f30;   /* 帯の中のボタン・入力欄 */
  --band-text:    #f3ead2;
  --band-muted:   #b8a97c;
  --band-ok:      #8fe6a5;   /* 帯の上の「保存済み」 */
  --gold:         #c9a227;
  --gold-light:   #e6c65a;
  --gold-deep:    #8a6d1c;   /* 生成りの上で読める濃い金 */
  --vermilion:    #b3261e;
  --mincho:       "Shippori Mincho B1", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;

  /* 画面幅のマスタ設定（ユーザー要望 2026-09-30）。採点画面を基準に、トップ・技得点表・順位表示・ヘルプ・
     スマホ運営・共有ページも同じ最大幅で左に寄せ、左右の余白をそろえる。ここを変えると全画面が変わる。
     PC 運営（desk.html）は選手登録の表の幅（1040px）の都合で対象外。 */
  --page-max-width: 660px;
  --page-gutter:    20px;

  /* ライトテーマ（既定）: 生成りの紙 */
  --bg:           #f7f2e6;
  --bg-secondary: #efe7d2;
  --bg-header:    #e6dbbd;
  --card-bg:      #fffdf7;
  --border:       #c9b978;
  --text:         #1b1b1b;
  --text-muted:   #6d6250;
  --accent:       #1b1b1b;   /* 墨 */
  --accent-text:  #f3ead2;
  --cell-success: #dcebd6;
  --cell-success-text: #1f5a2a;
  --cell-fail:    #f3d5cf;
  --cell-fail-text:    #8a1c14;
  --cell-disabled:#d9d2bf;
  --timer-bg:     #b3261e;
  --timer-text:   #ffffff;
  --btn-success:  #2e7d4a;
  --btn-fail:     #b3261e;
  --btn-neutral:  #8a6d1c;
  --score-color:  #8a6d1c;
  --warn:         #a9711b;
  --banner-text:  #ffffff;
  --row-selected: #f3e5b5;   /* 選択中の技の行 */
  --row-current:  #ffe66b;   /* 採点中の選手の行（一覧・順位表）。黒の反転は見つけにくい（ユーザー要望 2026-10-05）*/
  --row-current-text: #1b1b1b;
  --score-confirmed: #1f4fa3; /* 確定済みの得点 */
  --btn-confirm:     #5aa9e6; /* 確定ボタン（未確定＝水色） */
  --btn-confirm-on:  #1f4fa3; /* 確定ボタン（確定済み＝青）。タイマー稼働中の「開始」も同じ */
}

/* ダークテーマ: 黒金 */
[data-theme="dark"] {
  --bg:           #0b0d14;
  --bg-secondary: #151827;
  --bg-header:    #1b1f30;
  --card-bg:      #151827;
  --border:       #5a4a1c;
  --text:         #f3ead2;
  --text-muted:   #b8a97c;
  --accent:       #c9a227;   /* 金 */
  --accent-text:  #0b0d14;
  --cell-success: #1f4d2a;
  --cell-success-text: #8fe6a5;
  --cell-fail:    #5a1a1a;
  --cell-fail-text:    #ff9a9a;
  --cell-disabled:#262a3a;
  --timer-bg:     #b3261e;
  --timer-text:   #ffffff;
  --btn-success:  #2e8b57;
  --btn-fail:     #b3261e;
  --btn-neutral:  #c9a227;
  --score-color:  #e6c65a;
  --warn:         #f0b64a;
  --banner-text:  #ffffff;
  --row-selected: #3b3216;
  --row-current:  #8a7a1a;   /* 暗いテーマでは濃い黄。文字は生成り */
  --row-current-text: #fff8dc;
  --score-confirmed: #7fb7ff;
  --btn-confirm:     #3d7fc4;
  --btn-confirm-on:  #7fb7ff;
}

/* テキスト入力欄は白地に黒字（ユーザー要望 2026-09-30。ライト・ダーク共通。個別の指定が無い入力欄の取りこぼし防止） */
input[type="text"], input[type="number"], input[type="date"], input[type="search"], textarea { background: #fff; color: #111; }