/*
 * Dant3 canonical logo presentation — presentation only.
 * The owner-approved core artwork is shared across all themes; theme selection
 * changes only its surrounding frame/glow.
 */

.dant3-official-logo {
  position: relative;
  display: block;
  max-width: 100%;
  overflow: hidden;
  content: normal !important;
  isolation: isolate;
  object-fit: initial;
  object-position: initial;
  border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border));
  background: color-mix(in srgb, var(--background) 94%, black 6%);
  filter:
    drop-shadow(0 0 7px color-mix(in srgb, var(--primary) 44%, transparent))
    drop-shadow(0 10px 18px rgb(0 0 0 / 24%));
}

.dant3-theme-logo {
  position: absolute;
  inset: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: calc(0.35rem - 2px);
  object-fit: contain;
  object-position: center;
  pointer-events: none;
  user-select: none;
}

html[data-theme^="light-"] .dant3-official-logo,
html.light .dant3-official-logo {
  background: #f7f5fa;
  filter: drop-shadow(0 8px 15px rgb(40 32 50 / 14%));
}