@import url("./theme-control.css");
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #13241b; --white: #203329; --ink: #e6f0dd; --muted: #b7c5b7;
  --line: #3b5143; --lime: #bed294; --green: #9dbb9d; --copper: #cab28c;
  --violet: #a8c0aa; --peach: #44372e; --lavender: #343345;
}
.brand-mark { background: transparent; box-shadow: none; border: 0; border-radius: 0; }.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.gallery-theme { display: flex; gap: 3px; margin-left: auto; }.gallery-theme button { color: var(--ink); background: transparent; border: 1px solid transparent; border-radius: 6px; font-size: 10px; padding: 8px; min-height: 44px; min-width: 44px; cursor: pointer; }
.gallery-theme button[aria-pressed="true"] { border-color: var(--line); background: var(--white); }
:root[data-theme="dark"] .site-header { background: var(--paper); }
:root[data-theme="dark"] .charm-card, :root[data-theme="dark"] .preview-dialog { background: var(--white); color: var(--ink); }
:root[data-theme="dark"] .charm-art { background: var(--paper); }
:root[data-theme="dark"] .search-label, :root[data-theme="dark"] .collection-story { background: var(--white); color: var(--ink); }
:root[data-theme="dark"] .group-filter[aria-pressed="true"], :root[data-theme="dark"] .button-primary { background: var(--lime); color: #17291f; }
:root[data-theme="dark"] .group-filter[aria-pressed="true"] span { color: inherit; opacity: 1; }
:root[data-theme="dark"] .library-included { color: var(--green); }
:root[data-theme="dark"] .demo-scene { background: #293c30; }
@media (max-width: 680px) { .site-header { flex-wrap: wrap; gap: 10px; }.site-header > .button { display: none; } }