/* Opaque text surfaces keep custom store gradients decorative. */
.ml-pill, .ml-login-button, .ml-top-note {
    background: #fff;
    color: #16211d;
    border-color: #53625d;
}
.ml-top-note { padding: 7px 10px; border-radius: 8px; }
.ml-login-button:hover, .ml-pill:hover { background: #e7fff5; color: #16211d; }
.ml-hero { background: var(--store-hero-panel); color: var(--store-on-hero); }
.ml-hero h1, .ml-hero h1.ml-inline-display {
    color: var(--store-readable-title);
    background: none;
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    text-shadow: none;
}
.ml-hero p, .ml-hero-subtitle-field .ml-inline-display { color: var(--store-on-hero); }
.ml-hero .ml-inline-input { background: #fff; color: #16211d; }
.ml-section-head, .ml-hidden-books, .ml-module-picker {
    background: #063f30;
    color: #fff;
    border-radius: 8px;
    padding: 12px;
}
.ml-section-head span, .ml-module-zone strong { color: #fff; }
.ml-module-zone { background: #063f30; }
.ml-module-layout-tab { background: #fff; color: #16211d; }
.ml-module-layout-tab.is-active { background: #fff159; color: #16211d; }
.ml-module-card, .ml-empty, .ml-strip-card { background: #fff; }
.ml-module-card em { color: #086344; }
.ml-author { color: #53625d; }
.ml-price-chip { background: #086344; color: #fff; }
.ml-price-chip span { opacity: 1; }
.ml-price-chip strong { color: #fff; }
.ml-button { background: #e7fff5; color: #164e3d; border-color: #53625d; }
.ml-button:hover, .ml-button:active { background: #d2f4e4; color: #164e3d; }
.ml-button.is-primary, .ml-button.is-primary:hover, .ml-button.is-primary:active,
.ml-avatar, .ml-placeholder {
    background: var(--store-primary);
    color: var(--store-on-primary);
}
.ml-button.is-primary { border-color: var(--store-on-primary); }
.ml-search input::placeholder { color: #53625d; opacity: 1; }
:is(a, button, input, textarea, select, [tabindex]):focus-visible {
    outline: 3px solid #000;
    outline-offset: 3px;
    box-shadow: 0 0 0 3px #fff;
}
@media (forced-colors: active) {
    .ml-button, .ml-pill, .ml-login-button { border: 1px solid ButtonText; }
}