/* Monochrome palette for the current Azure storefront light mode. */

html.opt-theme-light body.opt-site,
body.opt-site.opt-theme-light {
	--opt-black: #ffffff;
	--opt-graphite: #f6f6f4;
	--opt-graphite-2: #ededeb;
	--opt-panel: #ffffff;
	--opt-ink: #151515;
	--opt-ink-dim: rgba(21, 21, 21, 0.72);
	--opt-ink-mute: rgba(21, 21, 21, 0.5);
	--opt-teal: #111111;
	--opt-teal-strong: #000000;
	--opt-gold: #202020;
	--opt-amber: #505050;
	--opt-red: #b84141;
	--opt-line: rgba(21, 21, 21, 0.12);
	--opt-line-strong: rgba(21, 21, 21, 0.26);
	--opt-shadow: 0 24px 64px rgba(0, 0, 0, 0.12);
	background:
		repeating-linear-gradient(0deg, transparent 0, transparent 42px, rgba(0, 0, 0, 0.018) 43px),
		linear-gradient(180deg, #ffffff 0%, #f2f2f0 48%, #ffffff 100%);
}

html.opt-theme-light .opt-grain,
body.opt-theme-light .opt-grain {
	opacity: 0.014;
	mix-blend-mode: multiply;
}

html.opt-theme-light .opt-scanlines,
body.opt-theme-light .opt-scanlines {
	opacity: 0.008;
	background: repeating-linear-gradient(to bottom, transparent 0 2px, rgba(0, 0, 0, 0.32) 2px 3px);
}

html.opt-theme-light .opt-nav,
body.opt-theme-light .opt-nav,
html.opt-theme-light .opt-nav.is-scrolled,
body.opt-theme-light .opt-nav.is-scrolled {
	background: rgba(255, 255, 255, 0.94);
	border-bottom-color: var(--opt-line);
}

html.opt-theme-light .opt-drawer,
body.opt-theme-light .opt-drawer {
	background: #ffffff;
	color: var(--opt-ink);
	box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

html.opt-theme-light .opt-drawer-overlay,
body.opt-theme-light .opt-drawer-overlay {
	background: rgba(0, 0, 0, 0.3);
}

html.opt-theme-light .opt-hero,
html.opt-theme-light .opt-collection-spotlight,
html.opt-theme-light .opt-product-hero,
body.opt-theme-light .opt-hero,
body.opt-theme-light .opt-collection-spotlight,
body.opt-theme-light .opt-product-hero {
	background:
		radial-gradient(circle at top right, rgba(0, 0, 0, 0.08), transparent 34%),
		linear-gradient(135deg, #ffffff, #eeeeec);
}

html.opt-theme-light .opt-product-card__image,
html.opt-theme-light .opt-proof-card,
html.opt-theme-light .opt-buy-actions,
body.opt-theme-light .opt-product-card__image,
body.opt-theme-light .opt-proof-card,
body.opt-theme-light .opt-buy-actions {
	background:
		radial-gradient(circle at center, rgba(0, 0, 0, 0.08), transparent 52%),
		#f4f4f2;
}

html.opt-theme-light .opt-catalog-toolbar,
html.opt-theme-light .opt-sidebar-card,
body.opt-theme-light .opt-catalog-toolbar,
body.opt-theme-light .opt-sidebar-card {
	background: rgba(246, 246, 244, 0.9);
	border-color: var(--opt-line);
	color: var(--opt-ink-dim);
}

html.opt-theme-light .opt-term-list a,
body.opt-theme-light .opt-term-list a {
	background: rgba(255, 255, 255, 0.72);
	color: var(--opt-ink-dim);
}

html.opt-theme-light .opt-term-list a:hover,
body.opt-theme-light .opt-term-list a:hover {
	background: rgba(0, 0, 0, 0.08);
	color: var(--opt-ink);
}

html.opt-theme-light .opt-language-prompt,
body.opt-theme-light .opt-language-prompt {
	background:
		linear-gradient(135deg, rgba(0, 0, 0, 0.08), transparent 42%),
		#ffffff;
	border-color: var(--opt-line-strong);
	box-shadow: var(--opt-shadow);
}

/* The original light theme gives primary controls dark text; monochrome uses black controls. */
html.opt-theme-light .opt-button--primary,
html.opt-theme-light .opt-site .button,
html.opt-theme-light .opt-site button.button,
html.opt-theme-light .opt-site input[type="submit"],
html.opt-theme-light .opt-site .wp-element-button,
body.opt-theme-light .opt-button--primary,
body.opt-theme-light .opt-site .button,
body.opt-theme-light .opt-site button.button,
body.opt-theme-light .opt-site input[type="submit"],
body.opt-theme-light .opt-site .wp-element-button {
	background: #111111;
	border-color: #111111;
	color: #ffffff;
}

html.opt-theme-light .opt-button--primary:hover,
html.opt-theme-light .opt-button--primary:focus-visible,
html.opt-theme-light .opt-site .button:hover,
html.opt-theme-light .opt-site .button:focus-visible,
html.opt-theme-light .opt-site button.button:hover,
html.opt-theme-light .opt-site button.button:focus-visible,
html.opt-theme-light .opt-site input[type="submit"]:hover,
html.opt-theme-light .opt-site input[type="submit"]:focus-visible,
html.opt-theme-light .opt-site .wp-element-button:hover,
html.opt-theme-light .opt-site .wp-element-button:focus-visible,
body.opt-theme-light .opt-button--primary:hover,
body.opt-theme-light .opt-button--primary:focus-visible,
body.opt-theme-light .opt-site .button:hover,
body.opt-theme-light .opt-site .button:focus-visible,
body.opt-theme-light .opt-site button.button:hover,
body.opt-theme-light .opt-site button.button:focus-visible,
body.opt-theme-light .opt-site input[type="submit"]:hover,
body.opt-theme-light .opt-site input[type="submit"]:focus-visible,
body.opt-theme-light .opt-site .wp-element-button:hover,
body.opt-theme-light .opt-site .wp-element-button:focus-visible {
	background: #303030;
	border-color: #303030;
	color: #ffffff;
}