/* 同じ軌道素材を明るい紙面とグラファイトの線へ変換する。 */
:root[data-theme="light"] {
  color-scheme: light;
  --text: #202c35;
  --text-2: #465560;
  --muted: #64727c;
  --glass: rgba(255, 255, 253, 0.78);
  --glass-strong: rgba(255, 255, 253, 0.92);
  --card: rgba(54, 73, 85, 0.035);
  --card-hover: rgba(54, 73, 85, 0.07);
  --line: rgba(46, 63, 75, 0.12);
  --line-strong: rgba(46, 63, 75, 0.23);
  --blue: #326bb1;
  --blue-soft: rgba(50, 107, 177, 0.1);
  --mint: #18725d;
  --mint-2: #23866d;
  --mint-soft: rgba(24, 114, 93, 0.09);
  --amber: #92600e;
  --amber-soft: rgba(169, 117, 25, 0.1);
  --violet: #6951a5;
  --violet-soft: rgba(105, 81, 165, 0.09);
  --rose: #ac3e46;
  --gray-soft: rgba(54, 73, 85, 0.065);
  --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23465560' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:root[data-theme="light"] body, :root[data-theme="light"] .backdrop { background: #f1f2ef; }
:root[data-theme="light"] .orbital-art { filter: grayscale(1) invert(1); }
:root[data-theme="light"] .orbital-shade { background: linear-gradient(90deg, rgba(245, 246, 242, 0.72), rgba(245, 246, 242, 0.25) 65%), linear-gradient(180deg, rgba(245, 246, 242, 0.1), rgba(245, 246, 242, 0.48)); }
:root[data-theme="light"] .orbital-track { border-color: rgba(57, 75, 77, 0.18); }
:root[data-theme="light"] .orbital-track span { background: #48665f; box-shadow: 0 0 0 7px rgba(72, 102, 95, 0.08); }
:root[data-theme="light"] .orbital-track-inner span { background: #697985; }
:root[data-theme="light"] .orbital-echo { border-color: rgba(50, 104, 87, 0.35); }
:root[data-theme="light"] .glass { box-shadow: 0 18px 50px rgba(38, 54, 59, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); }
:root[data-theme="light"] .brand { filter: brightness(0); opacity: 0.82; }
:root[data-theme="light"] :is(a, .link, .nav .demo, .chip.blue) { color: var(--blue); }
:root[data-theme="light"] .link:hover { color: #234d80; }
:root[data-theme="light"] .nav button[aria-current="page"] { background: linear-gradient(180deg, #477ebb, #326bb1); box-shadow: 0 6px 18px rgba(50, 107, 177, 0.18); }
:root[data-theme="light"] .watch-item[aria-current="true"] { background: var(--mint-soft); border-color: rgba(24, 114, 93, 0.28); }
:root[data-theme="light"] :is(.ico, .nl-block .num, .ed-section legend .num) { color: var(--blue); background: var(--blue-soft); }
:root[data-theme="light"] .badge.amber { border-color: rgba(146, 96, 14, 0.4); }
:root[data-theme="light"] :is(.chart-box, .trace, .rule-row, .metric-row, .segmented, .doc-preview) { background: rgba(232, 237, 235, 0.65); }
:root[data-theme="light"] :is(.map, .map-editor) { background: #e0e6e2; }
:root[data-theme="light"] .chart .grid line { stroke: var(--line); }
:root[data-theme="light"] .chart .series { stroke: var(--blue); }
:root[data-theme="light"] .chart .dot { fill: var(--blue); stroke: #fff; }
:root[data-theme="light"] .chart .dot.latest { fill: var(--mint); }
:root[data-theme="light"] :is(.chart .skip, .chart .cross) { stroke: #89969d; }
:root[data-theme="light"] .chart-legend i { border-top-color: var(--blue); }
:root[data-theme="light"] .chart-legend i.th { border-top-color: var(--amber); }
:root[data-theme="light"] .chart-legend i.ac { border-top-color: var(--mint); }
:root[data-theme="light"] .chart-legend i.sk { background: #89969d; }
:root[data-theme="light"] .btn { background: rgba(255, 255, 253, 0.6); }
:root[data-theme="light"] .btn:hover { background: #fff; }
:root[data-theme="light"] .btn.ghost { background: transparent; }
:root[data-theme="light"] .btn.primary { background: linear-gradient(180deg, #267e68, #1a6d59); color: #fff; box-shadow: 0 10px 26px rgba(24, 114, 93, 0.16); }
:root[data-theme="light"] .btn.primary:hover { background: linear-gradient(180deg, #328d76, #237c65); }
:root[data-theme="light"] .review-card .sub { color: var(--mint); }
:root[data-theme="light"] :is(input[type="text"], input[type="number"], input[type="date"], input[type="datetime-local"], input[type="url"], textarea, select) { background-color: rgba(255, 255, 253, 0.9); }
:root[data-theme="light"] :is(.notes.amber, small.warn, .ai-note.warn) { color: var(--amber); }
:root[data-theme="light"] :is(.notes.violet, .ai-bar h3, .ai-stages li.active) { color: var(--violet); }
:root[data-theme="light"] :is(.notes.rose, .ai-note.error, #toast.error) { color: var(--rose); }
:root[data-theme="light"] .notes { background: var(--card); }
:root[data-theme="light"] .notes.amber { background: var(--amber-soft); }
:root[data-theme="light"] .notes.violet { background: var(--violet-soft); }
:root[data-theme="light"] .notes.rose { background: rgba(172, 62, 70, 0.08); }
:root[data-theme="light"] .ai-bar { background: linear-gradient(135deg, var(--violet-soft), var(--mint-soft)); border-color: rgba(105, 81, 165, 0.25); }
:root[data-theme="light"] .ed-footer { background: linear-gradient(180deg, transparent, rgba(246, 248, 244, 0.97) 30%); }
:root[data-theme="light"] :is(.ai-panel, .ai-output) { background: rgba(245, 245, 249, 0.95); color: var(--text); }
:root[data-theme="light"] .ai-stages .dot.idle { background: var(--line-strong); }
:root[data-theme="light"] :is(dialog, #toast, .tooltip, .help-pop, #ai-status) { background: rgba(255, 255, 253, 0.98); color: var(--text); box-shadow: 0 16px 50px rgba(38, 54, 59, 0.16); }
:root[data-theme="light"] dialog::backdrop { background: rgba(60, 73, 76, 0.28); }
:root[data-theme="light"] #ai-status button { border-color: var(--line-strong); }
:root[data-theme="light"] code { background: var(--gray-soft); }
:root[data-theme="light"] .spinner { border-color: var(--line); border-top-color: var(--mint); }
:root[data-theme="light"] .btn.is-busy::before { border-color: var(--line-strong); border-top-color: currentColor; }