/*
 * Site-palette mappings for Blog and Shop.
 * Every site exposes --mf-app-* aliases from its effective palette.
 */

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-modern {
    --mf-blog-modern-accent: var(--mf-app-brand-primary, #16849a);
    --mf-blog-modern-accent-hover: var(--mf-app-brand-primary-hover, #0f6678);
    --mf-blog-modern-accent-soft: var(--mf-app-surface-subtle, #e6f5f7);
    --mf-blog-modern-surface: var(--mf-app-surface-default, #ffffff);
    --mf-blog-modern-border: var(--mf-app-border-default, #e5e7eb);
    --mf-blog-modern-text: var(--mf-app-text-primary, #172033);
    --mf-blog-modern-muted: var(--mf-app-text-muted, #667085);
    --mf-blog-modern-focus: var(--mf-app-focus-ring, #16849a);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial {
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default a,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal a,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards a,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial a {
    color: var(--mf-app-brand-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default a:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal a:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards a:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial a:hover {
    color: var(--mf-app-brand-primary-hover);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-card,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-card {
    border-color: var(--mf-app-border-default);
    background: var(--mf-app-surface-default);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-card {
    border-color: var(--mf-app-border-default);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-card {
    border-color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-card-date,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-card-date,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-card-date,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-card-date,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-card-author,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-card-author,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-card-author,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-card-author,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-card-excerpt,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-card-excerpt,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-card-excerpt,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-card-excerpt,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-breadcrumbs-separator,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-breadcrumbs-separator,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-breadcrumbs-separator,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-breadcrumbs-separator {
    color: var(--mf-app-text-muted);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default input,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards input,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial input,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default textarea,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards textarea,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial textarea {
    border-color: var(--mf-app-border-default);
    background: var(--mf-app-surface-default);
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default button,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards button,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial button {
    background: var(--mf-app-brand-primary);
    color: var(--mf-app-brand-on-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default button:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards button:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial button:hover {
    background: var(--mf-app-brand-primary-hover);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal button {
    border-color: var(--mf-app-brand-primary);
    color: var(--mf-app-brand-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial :focus-visible {
    outline-color: var(--mf-app-focus-ring);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-default .mf-blog-comments__item,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-minimal .mf-blog-comments__item,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-cards .mf-blog-comments__item,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-blog-theme-editorial .mf-blog-comments__item {
    border-color: var(--mf-app-border-default);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-cards {
    --mf-shop-theme-accent: var(--mf-app-brand-primary, #215c4a);
    --mf-shop-theme-accent-strong: var(--mf-app-brand-primary-hover, #153f33);
    --mf-shop-theme-surface: var(--mf-app-surface-default, #ffffff);
    --mf-shop-theme-surface-soft: var(--mf-app-surface-subtle, #eef7f3);
    --mf-shop-theme-border: var(--mf-app-border-default, #cfe2da);
    --mf-shop-theme-text: var(--mf-app-text-primary, #18372e);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-editorial {
    --mf-shop-theme-ink: var(--mf-app-text-primary, #211d1a);
    --mf-shop-theme-muted: var(--mf-app-text-muted, #6d625b);
    --mf-shop-theme-paper: var(--mf-app-surface-default, #fbf8f2);
    --mf-shop-theme-rule: var(--mf-app-border-strong, #b7a99c);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-minimal {
    --mf-shop-theme-text: var(--mf-app-text-primary, currentColor);
    --mf-shop-theme-muted: var(--mf-app-text-muted, color-mix(in srgb, currentColor 64%, transparent));
    --mf-shop-theme-border: var(--mf-app-border-default, color-mix(in srgb, currentColor 20%, transparent));
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default {
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-product-card,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-category-link,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-cart-summary-link,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-panel,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-card,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-media,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-summary,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-card,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-bank-transfer,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-downloads {
    border-color: var(--mf-app-border-default);
    background: var(--mf-app-surface-default);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-card-media,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-category-image,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-line-media img,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-main-media,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-img-placeholder,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-variant-chip-image {
    background: var(--mf-app-surface-subtle);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-card-link,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-line-title,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-price,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-card strong,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-downloads h3,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-main strong,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout legend {
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-category-description,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-breadcrumbs-separator,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-breadcrumbs [aria-current="page"],
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-line-variant,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-line-meta,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-summary-row,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-summary-row,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-line,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-card small,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-main small,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-status,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-price-label,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-desc,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-short-desc,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-options-title {
    color: var(--mf-app-text-secondary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-line,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-payment-option,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-item,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-meta-item,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-variant-chip,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-price-block,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-gallery-item {
    border-color: var(--mf-app-border-default);
    background: var(--mf-app-surface-subtle);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-summary-card,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-summary,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-price-block {
    background: linear-gradient(180deg, var(--mf-app-surface-default) 0%, var(--mf-app-surface-subtle) 100%);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-btn,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-btn-primary,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-submit,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-button,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-button,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-shop-cart-count {
    background: var(--mf-app-brand-primary);
    color: var(--mf-app-brand-on-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-btn:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-btn-primary:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-checkout-submit:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-order-download-button:hover,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-product-button:hover {
    background: var(--mf-app-brand-primary-hover);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-cart-btn-secondary {
    background: var(--mf-app-surface-subtle);
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default input,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default select,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default textarea {
    border-color: var(--mf-app-border-default);
    background: var(--mf-app-surface-default);
    color: var(--mf-app-text-primary);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-variant-chip.is-selected {
    border-color: var(--mf-app-brand-primary);
    background: var(--mf-app-surface-subtle);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--mf-app-brand-primary) 18%, transparent);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-minimal :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-cards :focus-visible,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-editorial :focus-visible {
    outline-color: var(--mf-app-focus-ring);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-alert-error,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-minimal .mf-alert-error,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-cards .mf-alert-error,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-editorial .mf-alert-error {
    border-color: var(--mf-app-state-error);
    color: var(--mf-app-state-error);
}

:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-default .mf-alert-success,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-minimal .mf-alert-success,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-cards .mf-alert-success,
:is(#manifo-surface, [data-mnf-color-surface]) .mf-shop-theme-editorial .mf-alert-success {
    border-color: var(--mf-app-state-success);
    color: var(--mf-app-state-success);
}
