@font-face {
	font-family: "Inter";
	src: url("../../fonts/Inter-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../../fonts/Inter-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "RocketChicken";
	src: url("../../fonts/RocketChicken.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--odp-white: #ffffff;
	--odp-burgundy-25: #f8f5f3;
	--odp-burgundy-50: #f4f1f1;
	--odp-burgundy-100: #e9e2e3;
	--odp-burgundy-200: #d5c3c5;
	--odp-burgundy-500: #6f3841;
	--odp-burgundy-600: #582c33;
	--odp-burgundy-700: #3c2025;
	--odp-burgundy-800: #26171a;
	--odp-amber-100: #fef3c7;
	--odp-amber-400: #fbbf24;
	--odp-amber-500: #f59e0b;
	--odp-amber-600: #d97706;
	--odp-red-100: #fee2e2;
	--odp-red-600: #dc2626;
	--odp-green-600: #16a34a;
	--odp-shadow-menu: 0 4px 8px rgba(0, 0, 0, 0.10);
	--odp-shadow-input: 0 1px 2px rgba(18, 18, 23, 0.05);
	--odp-shadow-card: 0 3px 20px rgba(38, 23, 26, 0.15);
	--odp-font-headline: "RocketChicken", "Brush Script MT", "Segoe Script", cursive;
	--odp-font-body: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	margin: 0;
	color: var(--odp-burgundy-700);
	font-family: var(--odp-font-body);
	font-synthesis: none;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	background: var(--odp-white);
}

body.mobile-menu-is-open {
	overflow: hidden;
}

a {
	color: inherit;
}

/* Shared interaction for buttons with a white resting state. */
.button--white {
	transition: background-color 200ms ease-out, border-color 200ms ease-out, color 200ms ease-out, box-shadow 200ms ease-out;
}

.button--white:hover:not(:disabled) {
	color: var(--odp-white);
	background-color: var(--odp-burgundy-600);
	border-color: var(--odp-burgundy-600);
	box-shadow: 0 4px 10px rgba(88, 44, 51, 0.20);
}

.button--white :is(svg, svg *) {
	color: inherit;
}

.button--white img {
	transition: filter 200ms ease-out;
}

.button--white:hover:not(:disabled) img {
	filter: brightness(0) invert(1);
}

/* Shared fade for every amber primary action. */
:is(
	.articles-section__cta,
	.b2b-catalog__button,
	.contact-form-section__button,
	.hero-section__button,
	.hero__button--primary,
	.latest-products__cta,
	.newsletter-section__button,
	.error-page__button--primary,
	.product-detail__button--primary,
	.sortiment-card__button,
	.story__button
) {
	transition: background-color 200ms ease-out, border-color 200ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
	.button--white,
	.button--white img,
	:is(
		.articles-section__cta,
		.b2b-catalog__button,
		.contact-form-section__button,
		.hero-section__button,
		.hero__button--primary,
		.latest-products__cta,
		.newsletter-section__button,
		.error-page__button--primary,
		.product-detail__button--primary,
		.sortiment-card__button,
		.story__button
	) {
		transition-duration: 0.01ms;
	}
}

img {
	height: auto;
	max-width: 100%;
}

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.screen-reader-text:focus {
	z-index: 100000;
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	padding: 12px 16px;
	clip: auto;
	color: var(--odp-burgundy-700);
	background: var(--odp-white);
	border-radius: 6px;
	box-shadow: var(--odp-shadow-menu);
}

.site-main {
	min-height: 60vh;
}

.content-area {
	width: min(100% - 40px, 1180px);
	margin: 56px auto;
}

.entry + .entry {
	margin-top: 48px;
}

.entry__title {
	margin: 0 0 20px;
	font-family: var(--odp-font-headline);
	font-size: clamp(42px, 6vw, 72px);
	line-height: 1.05;
}

.entry__title a {
	text-decoration: none;
}

.entry__content {
	font-size: 18px;
	line-height: 1.7;
}