/* Presentation only: the existing IFC reader, model state and controls are unchanged. */
:root[data-theme="light"] {
  color-scheme: light;
  font-family: ui-sans-serif, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  color: #1d303a;
  background: #fff;
  --accent: #087654;
  --muted: #516a75;
  --line: #d7e1e5;
  --panel: #fff;
}
html[data-theme="light"] body { -webkit-font-smoothing: antialiased; }
html[data-theme="light"] :is(.viewer, .topbar, .statusbar, .panel) { background: #fff; }
html[data-theme="light"] :is(.brand, .welcome h1, .selection-empty h2, .property-group dd, .version, .search input, .measurement-item strong) { color: #1d303a; }
html[data-theme="light"] :is(.local-badge, .list-heading, .object-list summary, .object-item, .welcome > p, .text-button, .toolbar button, .navigation-hint b, .saved-view > button:first-child, .view-presets button, .measure-tools > label, .measure-list-title button) { color: #3e5662; }
html[data-theme="light"] :is(.panel-empty, .panel-empty p, .object-list summary::before, .object-list summary small, .list-note, .panel-foot, .view-label, .schema-tag, .drop-hint, .navigation-hint, .selection-empty, .selection-empty p, .property-group dt, .inspector-note p, .statusbar, .status-separator, .version b, .explorer-tabs button, .layer-only, .saved-views > p, .saved-view > button:last-child, .selected-layer, .selection-tools p, .inspector-tabs button, .measure-list-title, .measurement-item small, .measurement-item > button, .measurement-empty, .measure-note) { color: var(--muted); }
html[data-theme="light"] :is(.wire-model, .file-card > span, .object-item::before, .panel-foot > span, .selection-empty > span, .property-group h3) { color: var(--accent); }
html[data-theme="light"] :is(.secondary, .brand .brand-label, .file-card > span, .search, .schema-tag, .toolbar, .selection-empty > span, .toast, .section-panel, .coverage, .saved-view, .view-presets, .view-presets button + button, .section-panel select, .section-panel button, .spatial-node > .spatial-node, .selection-tools kbd, .measure-tools select, .measurement-item) { border-color: var(--line); }
html[data-theme="light"] button:hover:not(:disabled) { background: #eef5f2; }
html[data-theme="light"] button.primary { background: var(--accent); border-color: var(--accent); color: #fff; }
html[data-theme="light"] button.primary:hover:not(:disabled) { background: #076447; border-color: #076447; }
html[data-theme="light"] :is(.search, .measurement-item) { background: #f7f9fa; }
html[data-theme="light"] :is(.toolbar, .view-presets, .section-panel, .section-panel select, .measure-tools select, .toast) { background: #fff; color: #1d303a; }
html[data-theme="light"] :is(.object-item.selected, .object-item[aria-pressed="true"], .toolbar button[aria-pressed="true"], .section-panel button[aria-pressed="true"]) { background: #e6f2ec; color: var(--accent); }
html[data-theme="light"] :is(.explorer-tabs button[aria-pressed="true"], .inspector-tabs button[aria-pressed="true"]) { color: var(--accent); border-color: var(--accent); }
html[data-theme="light"] .toolbar-divider { background: var(--line); }
html[data-theme="light"] :is(.toolbar, .toast, .right-panel) { box-shadow: 0 8px 26px #1d303a12; }
html[data-theme="light"] :is(.coverage, #measure-count, .selection-tools kbd) { background: #eef5f2; color: #245b46; }
html[data-theme="light"] .layer-visibility { accent-color: var(--accent); }
html[data-theme="light"] .loading { background: #fffffff5; }
html[data-theme="light"] .spinner { border-color: var(--line); border-top-color: var(--accent); }
html[data-theme="light"] .drop-overlay { background: #eef7f2f2; }
html[data-theme="light"] .view-label i { background: var(--accent); }
html[data-theme="light"] .measure-tools p { color: #785517; }
html[data-theme="light"] .measure-banner { background: #fff9eb; border-color: #d6bd83; color: #66470e; }
html[data-theme="light"] .measure-banner button { border-color: #cbb680; }
.sample-open { margin-top: 12px; }
.sample-notice { position: absolute; top: 52px; left: 24px; max-width: calc(100% - 220px); padding: 8px 11px; border: 1px solid #d7e1e5; border-radius: 6px; background: #fffffff0; color: #3e5662; font-size: 11px; line-height: 1.7; white-space: pre-line; pointer-events: none; }
@media(max-width:600px) { .sample-notice { top: 102px; left: 12px; max-width: calc(100% - 24px); font-size: 10px; padding: 6px 9px; } }
/* Link to the static /about.html (what this is, data handling, licences). Hidden in the phone top bar (src/mobile.css); the 더보기 sheet has its own link. */
.about-link { color: #3e5662; font-size: 11px; text-decoration: none; white-space: nowrap; }
.about-link:hover, .about-link:focus-visible { color: var(--accent); text-decoration: underline; }