/* Strong colour blocks; one subtle gradient remains in the main welcome banner. */
body[data-theme] .site-header,html[data-appearance=dark] body[data-theme] .site-header{background:var(--identity)}
body[data-theme] .header-navigation,html[data-appearance=dark] body[data-theme] .header-navigation{background:var(--identity-deep)}
body[data-theme] .catalog-heading,body[data-theme] .category.active{background:var(--identity)}
body[data-theme] .category.active{box-shadow:none}
body[data-theme] .products .product .product-media,html[data-appearance=dark] body[data-theme] .products .product .product-media{background:var(--identity)}
body[data-theme] .products .product:nth-child(n) .product-visual,body[data-theme] .products .product:nth-child(n) .product-visual:has(.product-photo),html[data-appearance=dark] body[data-theme] .products .product:nth-child(n) .product-visual:has(.product-photo){background:var(--identity)}
body[data-theme] .products .product:nth-child(3n+2) .product-visual{background:var(--identity-deep)}
body[data-theme] .products .product .product-visual::before{background:var(--identity-soft);box-shadow:none}
body[data-theme] .products .product .product-info,html[data-appearance=dark] body[data-theme] .products .product .product-info{background:var(--card-surface)}
body[data-theme] .products .product .add:not(:hover),html[data-appearance=dark] body[data-theme] .products .product .add:not(:hover),body[data-theme] .products .product .stepper{background:var(--identity);box-shadow:none}
body[data-theme] .products .product .add:hover{background:var(--identity-deep)}
body[data-theme] .products .product .add:disabled,html[data-appearance=dark] body[data-theme] .products .product .add:disabled{background:var(--soft);color:var(--muted)}
body[data-theme] .product .promotion-badge{background:var(--identity-deep)}
body[data-theme] .intro-actions .primary{background:var(--identity-light);color:var(--identity-deep)}
body[data-theme] .intro-featured,html[data-appearance=dark] body[data-theme] .intro-featured{background:var(--white)}
body[data-theme] .premium-intro{background:linear-gradient(115deg,var(--identity-deep),var(--identity))}
body[data-theme] .promotion-banner{background:var(--identity-soft);border-color:var(--line);color:var(--identity-deep)}
html[data-appearance=dark] body[data-theme] .promotion-banner{background:var(--soft);color:var(--ink)}