/* 明るいテーマ用の図形配色。面の透け方、破線、寸法、図の座標は保つ。
   共通テーマの時計・表用の指定より後に読み込み、立体と展開図も同じ配色にする。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="simple"]) {
  --zfig-line: #274960;
  --zfig-line-rgb: 39, 73, 96;
  --zfig-label: #81561b;
  --zfig-accent: #a64a0b;
  --zfig-height: #08778a;
  --zfig-sub-label: #295f9c;
  --zfig-face-rgb: 44, 156, 207;
  --zfig-second-rgb: 20, 169, 141;
  --zfig-hole-rgb: 63, 95, 117;
  --zfig-fold-rgb: 94, 116, 140;
  --zfig-grid-rgb: 64, 101, 123;
}
html[data-iroiro-pop="pop"] {
  --zfig-line: #74538e;
  --zfig-line-rgb: 116, 83, 142;
  --zfig-label: #81531f;
  --zfig-accent: #a65410;
  --zfig-height: #167687;
  --zfig-sub-label: #41629a;
  --zfig-face-rgb: 153, 104, 204;
  --zfig-second-rgb: 39, 164, 190;
  --zfig-hole-rgb: 103, 76, 122;
  --zfig-fold-rgb: 133, 116, 147;
  --zfig-grid-rgb: 119, 96, 142;
}

/* 外形・頂点・隠れた辺・補助線。破線の種類と透明度は変更しない。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="#e2e8f0"],
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="#0f172a"] { stroke: var(--zfig-line); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="#e2e8f0"] { fill: var(--zfig-line); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="rgba(226,232,240,0.55)"] { stroke: rgba(var(--zfig-line-rgb), .55); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="rgba(226,232,240,0.6)"] { stroke: rgba(var(--zfig-line-rgb), .6); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="rgba(226,232,240,0.35)"] { stroke: rgba(var(--zfig-line-rgb), .35); }
/* 直方体の見えない面の名前（お・か）は隠れた線と同じ白 55% の直書き。明るい紙では消えるので、隠れた線と同じ薄い線色に（2026-09-25） */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(226,232,240,0.55)"] { fill: rgba(var(--zfig-line-rgb), .6); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="rgba(148,163,184,0.28)"] { stroke: rgba(var(--zfig-grid-rgb), .28); }

/* 寸法と既知の角は茶色、注目する辺・未知の角は問題文と同じオレンジ系。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="#fbbf24"] { stroke: var(--zfig-label); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="#fbbf24"] { fill: var(--zfig-label); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="#fb923c"] { stroke: var(--zfig-accent); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="#fb923c"] { fill: var(--zfig-accent); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [stroke="#67e8f9"] { stroke: var(--zfig-height); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="#67e8f9"] { fill: var(--zfig-height); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="#93c5fd"] { fill: var(--zfig-sub-label); }

/* 同じ立体の面には、元の濃淡を残す。重ねた三角定規も透けて見える。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.05)"] { fill: rgba(var(--zfig-face-rgb), .05); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.06)"] { fill: rgba(var(--zfig-face-rgb), .06); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.07)"] { fill: rgba(var(--zfig-face-rgb), .07); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.08)"] { fill: rgba(var(--zfig-face-rgb), .08); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.1)"],
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.10)"] { fill: rgba(var(--zfig-face-rgb), .1); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.12)"] { fill: rgba(var(--zfig-face-rgb), .12); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.14)"] { fill: rgba(var(--zfig-face-rgb), .14); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.16)"] { fill: rgba(var(--zfig-face-rgb), .16); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.22)"] { fill: rgba(var(--zfig-face-rgb), .22); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(168,85,247,0.30)"] { fill: rgba(var(--zfig-face-rgb), .3); }

/* 比べる図形・展開図の別の面は、主色と区別できる青緑系。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.10)"] { fill: rgba(var(--zfig-second-rgb), .1); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.14)"] { fill: rgba(var(--zfig-second-rgb), .14); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.16)"] { fill: rgba(var(--zfig-second-rgb), .16); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.18)"] { fill: rgba(var(--zfig-second-rgb), .18); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.26)"] { fill: rgba(var(--zfig-second-rgb), .26); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(56,189,248,0.55)"] { fill: rgba(var(--zfig-second-rgb), .55); }

/* 注目する面といろいたのオレンジ、折り返した紙、中空部分。 */
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(251,146,60,0.30)"] { fill: rgba(251, 146, 60, .3); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(251,146,60,0.55)"] { fill: rgba(251, 146, 60, .55); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(255,255,255,0.10)"] { fill: rgba(var(--zfig-fold-rgb), .1); }
html:is([data-iroiro-pop="game"], [data-iroiro-pop="pop"], [data-iroiro-pop="elegant"], [data-iroiro-pop="simple"]) :is(#figure, #tenkai-figure) [fill="rgba(15,23,42,0.55)"] { fill: rgba(var(--zfig-hole-rgb), .55); }

/* エレガントでも寸法・高さ・面の役割を色分けする。 */
html[data-iroiro-pop="elegant"] {
  --zfig-line: #25324b; --zfig-line-rgb: 37, 50, 75;
  --zfig-label: #7b591e; --zfig-accent: #9b4329; --zfig-height: #176775;
  --zfig-sub-label: #365a87; --zfig-face-rgb: 181, 142, 70;
  --zfig-second-rgb: 40, 126, 134; --zfig-hole-rgb: 81, 80, 78;
  --zfig-fold-rgb: 174, 152, 109; --zfig-grid-rgb: 105, 94, 75;
}