:root {
	--ms-black: #111111;
	--ms-offwhite: #fafaf7;
	--ms-white: #ffffff;
	--ms-stone: #e7e2da;
	--ms-grey-100: #f4f4f2;
	--ms-grey-200: #ececea;
	--ms-grey-300: #d4d4cf;
	--ms-grey-700: #4b4b45;
	--ms-red: #d72638;
	--ms-deep-red: #9e1b2f;
	--ms-nepal-blue: #003893;
	--ms-saffron: #f7a600;
	--ms-forest: #16382c;
	--ms-border: rgba(17, 17, 17, 0.12);
	--ms-shadow: 0 20px 60px rgba(17, 17, 17, 0.08);
	--ms-radius-sm: 6px;
	--ms-radius-md: 12px;
	--ms-radius-lg: 20px;
	--ms-container: 1280px;
	--ms-header-height: 72px;
	--ms-font-heading: "Helvetica Neue", Arial, system-ui, sans-serif;
	--ms-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

	--mausuli-bg: var(--ms-offwhite);
	--mausuli-bg-alt: var(--ms-grey-100);
	--mausuli-surface: var(--ms-white);
	--mausuli-surface-strong: var(--ms-white);
	--mausuli-ink: var(--ms-black);
	--mausuli-muted: var(--ms-grey-700);
	--mausuli-line: var(--ms-border);
	--mausuli-accent: var(--ms-red);
	--mausuli-accent-soft: rgba(215, 38, 56, 0.12);
	--mausuli-shadow: var(--ms-shadow);
	--mausuli-shadow-soft: 0 14px 36px rgba(17, 17, 17, 0.06);
	--mausuli-radius-lg: var(--ms-radius-lg);
	--mausuli-radius-md: var(--ms-radius-md);
	--mausuli-radius-sm: var(--ms-radius-sm);
	--mausuli-width: var(--ms-container);
	--mausuli-space: clamp(1rem, 2vw, 1.5rem);
	--mausuli-font-heading: var(--ms-font-heading);
	--mausuli-font-body: var(--ms-font-body);
	--mausuli-clay: var(--ms-red);
	--mausuli-terracotta: var(--ms-deep-red);
	--mausuli-forest: var(--ms-forest);
	--mausuli-turmeric: var(--ms-saffron);
	--mausuli-lotus: #d48aa0;
	--mausuli-sky: #c2d8ea;
	--mausuli-cream: var(--ms-offwhite);
	--mausuli-sand: var(--ms-stone);
	--mausuli-bg-alt: var(--ms-grey-100);
}

html {
	scroll-behavior: smooth;
	color-scheme: light;
}

body {
	margin: 0;
	color: var(--mausuli-ink);
	background-color: var(--ms-offwhite);
	background-image: none;
	background-attachment: scroll;
	font-family: var(--ms-font-body);
	line-height: 1.6;
}

@media (max-width: 900px) {
	body {
		background-attachment: scroll;
	}
}

a:hover,
a:focus-visible {
	color: var(--ms-red);
}

:focus-visible {
	outline-color: var(--ms-red);
}

.site-shell {
	background: transparent;
}

.site-header {
	background: rgba(250, 250, 247, 0.96);
	border-bottom-color: var(--ms-border);
	backdrop-filter: blur(16px);
}

.site-header.is-scrolled {
	box-shadow: var(--ms-shadow);
}

.site-announcement {
	background: var(--ms-black);
	color: var(--ms-white);
	letter-spacing: 0.08em;
}

.site-branding__mark {
	border-radius: 0.6rem;
	box-shadow: 0 10px 24px rgba(17, 17, 17, 0.08);
}

.site-branding__name,
.site-footer__intro h2,
.hero__content h1,
.section-heading h2,
.editorial-card h2,
.story-card h2,
.newsletter-card h2,
.archive-title,
.entry-title,
.page-card h1,
.woocommerce div.product .product_title,
.woocommerce .related.products > h2,
.woocommerce .up-sells > h2,
.woocommerce .cart_totals h2,
.woocommerce-checkout h3 {
	font-family: var(--ms-font-heading);
}

.menu-toggle,
.site-search__toggle,
.site-search__form,
.site-header__link,
.site-header__cart,
.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	border-radius: var(--ms-radius-md);
}

.button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	background: var(--ms-black);
	border-color: var(--ms-black);
	color: var(--ms-white);
	box-shadow: var(--ms-shadow);
}

.button:hover,
.button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover {
	background: var(--ms-red);
	border-color: var(--ms-red);
}

.button--ghost,
.is-style-outline .wp-block-button__link {
	background: transparent;
	color: var(--ms-black);
	border-color: var(--ms-border);
}

.hero,
.editorial-card,
.newsletter-card,
.story-card,
.content-card,
.archive-hero,
.collection-card,
.hero__content,
.hero__visual,
.editorial-card__content,
.editorial-card__aside,
.newsletter-card__copy,
.newsletter-card__actions,
.story-card,
.content-card,
.archive-hero,
.footer-card--brand,
.mausuli-product-accordion,
.mausuli-browse-path,
.archive-filter-chip,
.usp-strip__item,
.trust-grid li,
.site-search__toggle,
.site-search__form,
.site-header__link,
.site-header__cart,
.menu-toggle {
	background: var(--ms-white);
	border-color: var(--ms-border);
}

.hero {
	box-shadow: none;
}

.hero__content,
.hero__visual,
.editorial-card__content,
.editorial-card__aside,
.newsletter-card__copy,
.newsletter-card__actions,
.story-card,
.content-card,
.archive-hero {
	border-radius: var(--ms-radius-lg);
}

.hero__content {
	box-shadow: var(--ms-shadow);
}

.hero__visual {
	box-shadow: var(--ms-shadow);
}

.hero__panel {
	background: rgba(255, 255, 255, 0.96);
	border-color: var(--ms-border);
	box-shadow: var(--ms-shadow);
}

.hero__trust,
.trust-grid,
.usp-strip,
.mausuli-product-trust__list {
	color: var(--ms-grey-700);
}

.site-search[open] .site-search__toggle {
	background: var(--ms-black);
	color: var(--ms-white);
}

.site-search__submit {
	background: var(--ms-black);
	border-color: var(--ms-black);
}

.site-search__submit:hover,
.site-search__submit:focus-visible {
	background: var(--ms-red);
	border-color: var(--ms-red);
}

.site-header__count {
	background: var(--ms-red);
}

.menu--primary > .menu-item > a:hover,
.menu--primary > .menu-item > a:focus-visible,
.menu--footer > .menu-item > a:hover,
.menu--footer > .menu-item > a:focus-visible {
	border-color: var(--ms-border);
	background: rgba(255, 255, 255, 0.9);
	color: var(--ms-black);
}

.archive-filter-chip {
	background: var(--ms-white);
	border-color: var(--ms-border);
}

.archive-filter-chip.is-active {
	background: var(--ms-black);
	border-color: var(--ms-black);
	color: var(--ms-white);
}

.archive-card,
.collection-card {
	background: var(--ms-white);
	border-color: var(--ms-border);
	box-shadow: var(--ms-shadow);
}

.archive-card__meta,
.archive-card__price,
.archive-description,
.entry-summary,
.entry-content,
.content-card p,
.hero__lead,
.section-heading p,
.editorial-card p,
.story-card p,
.newsletter-card p {
	color: var(--ms-grey-700);
}

.site-footer {
	background: var(--ms-black);
	color: var(--ms-grey-100);
}

.footer-card--brand {
	box-shadow: var(--ms-shadow);
	color: var(--ms-black);
}

.mausuli-product-badge--mina {
	background: rgba(0, 56, 147, 0.12);
}

.mausuli-product-badge--concept {
	background: rgba(215, 38, 56, 0.12);
}

.mausuli-product-accordion {
	box-shadow: var(--ms-shadow);
}

.mausuli-browse-path {
	box-shadow: var(--ms-shadow);
}

.mausuli-browse-path:hover,
.mausuli-browse-path:focus-within {
	background: var(--ms-grey-100);
}

.skip-link {
	box-shadow: var(--ms-shadow);
}