/* Extension-owned colour themes. Approved .mobi and SNAPSHOT.BUZZ art bypass this layer. */
html:has(body[data-theme-art="none"]) { background:var(--extension-deep); }
body[data-theme-art="none"] {
  --ink:var(--extension-text);
  --dim:color-mix(in srgb,var(--extension-text) 72%,var(--extension-rich));
  --deep:var(--extension-deep);
  --panel:color-mix(in srgb,var(--extension-rich) 84%,var(--extension-deep));
  --green:var(--extension-action);
  --green-hi:var(--extension-text);
  --edge:color-mix(in srgb,var(--extension-gold) 42%,transparent);
  color:var(--extension-text);
  background:
    radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--extension-rich) 88%,white 12%),transparent 54%),
    linear-gradient(145deg,var(--extension-deep),var(--extension-rich));
}
body[data-theme-art="none"]::before {
  background:
    radial-gradient(circle at 18% 14%,color-mix(in srgb,var(--extension-glow) 22%,transparent) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 71%,color-mix(in srgb,var(--extension-glow) 28%,transparent) 0 1px,transparent 2px),
    linear-gradient(115deg,transparent 20%,color-mix(in srgb,var(--extension-rich) 34%,transparent) 48%,transparent 70%);
  mix-blend-mode:normal;
}
body[data-theme-art="none"] :is(.mintit-ember-layer,.mintit-star-ring) { display:none; }
body[data-theme-art="none"] .intro-world {
  display:block;
  background:radial-gradient(circle at 50% 32%,var(--extension-rich),var(--extension-deep) 76%);
}
body[data-theme-art="none"] .brand-intro { color:var(--extension-text); background:var(--extension-deep); }
body[data-theme-art="none"] :is(.intro-skip,.intro-sound,.intro-token) {
  color:var(--extension-text);
  border-color:color-mix(in srgb,var(--extension-gold) 58%,transparent);
  background:color-mix(in srgb,var(--extension-deep) 82%,var(--extension-rich));
}
body[data-theme-art="none"] .intro-eyebrow { color:var(--extension-gold); }
body[data-theme-art="none"] .intro-play {
  color:var(--extension-action-text);
  border-color:var(--extension-gold);
  background:linear-gradient(145deg,color-mix(in srgb,var(--extension-action) 84%,white 16%),var(--extension-action));
}

/* Every colour-only family keeps the January gold header. */
body[data-theme-art="none"] .topbar {
  min-height:clamp(5rem,13vh,8rem);
  border:1px solid color-mix(in srgb,var(--extension-gold) 64%,transparent);
  border-radius:.8rem;
  background:linear-gradient(90deg,#8b6914,#c9a227,#f4d03f);
  box-shadow:0 .55rem 1.5rem color-mix(in srgb,var(--extension-deep) 58%,transparent);
}
body[data-theme-art="none"] .brand-text-title {
  color:#1a1a1a;
  text-shadow:0 1px 0 #fff9;
}
body[data-theme-art="none"] :is(.sheet,.user-panel,.dialog,.snapshot-choice,.profile-card) {
  color:var(--extension-text);
  background:linear-gradient(145deg,color-mix(in srgb,var(--extension-rich) 88%,var(--extension-deep)),var(--extension-deep));
  border-color:color-mix(in srgb,var(--extension-gold) 58%,var(--extension-deep));
}
body[data-theme-art="none"] :is(.menu-key,.menu-item,.menu-cat[aria-expanded="true"],input,textarea,select) {
  color:var(--extension-text);
  background:color-mix(in srgb,var(--extension-deep) 86%,var(--extension-rich));
  border-color:color-mix(in srgb,var(--extension-gold) 48%,var(--extension-deep));
}
body[data-theme-art="none"] :is(.action.primary,.review-mint) {
  color:var(--extension-action-text);
  background:linear-gradient(145deg,color-mix(in srgb,var(--extension-action) 72%,white),var(--extension-action));
  border-color:var(--extension-gold);
  text-shadow:none;
}
body[data-theme-art="none"] :is(.snapshot-source,.mint-edge-label,.menu-version,.menu-sub .menu-version) { color:var(--extension-text); }
body[data-theme-art="none"] :is(.user-panel-head strong,.sheet h2,.rail-n,.path summary) { color:var(--extension-gold); }
body[data-theme-art="none"] :focus-visible { outline-color:var(--extension-gold); }

/* Until extension-specific shield and jewel masters arrive, use neutral colour-only controls. */
body[data-theme-art="none"] :is(.medallion-art,.review-empty-medallion,.intro-lens) {
  border:clamp(2px,.35rem,6px) solid var(--extension-gold);
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 30%,color-mix(in srgb,var(--extension-text) 70%,white),transparent 9%),
    radial-gradient(circle,var(--extension-rich) 0 42%,var(--extension-deep) 43% 58%,var(--extension-gold) 59% 67%,var(--extension-deep) 68%);
  box-shadow:inset 0 0 0 .2rem color-mix(in srgb,var(--extension-text) 18%,transparent),0 0 1.2rem color-mix(in srgb,var(--extension-glow) 32%,transparent);
}
body[data-theme-art="none"] :is(.mint-edge-art,.review-jewel-art,.intro-jewel) {
  border:1px solid var(--extension-gold);
  background:linear-gradient(155deg,color-mix(in srgb,var(--extension-action) 58%,white),var(--extension-action) 48%,color-mix(in srgb,var(--extension-action) 70%,black));
  clip-path:polygon(50% 0,88% 18%,72% 82%,50% 100%,28% 82%,12% 18%);
}
.brand-text-title,.intro-wordmark.brand-text-title {
  display:grid;
  place-items:center;
  background:none;
  color:var(--extension-gold,var(--gold));
  font:800 clamp(2rem,7vw,4.75rem)/1 ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.08em;
  text-shadow:0 .12rem .12rem rgba(0,0,0,.42),0 0 1rem color-mix(in srgb,var(--gold) 28%,transparent);
  white-space:nowrap;
}
.review-wordmark.brand-text-title { width:min(100%,25rem); height:auto; min-height:4rem; margin:auto; font-size:clamp(1.4rem,5vw,3.2rem); }
@media(max-width:420px) {
  body[data-theme-art="none"] .topbar { min-height:4.5rem; }
}