/* Natige 2026 sheet.
   H1 Work Sans 800, H2 700, H3 500.
   Main Manrope 400, Main 2 Manrope 600.
   Lime #C6E260 fills/lines, blue #3A78BA, sun #FCB43C. */

:root {
	--natige-lime: #C6E260;
	--natige-blue: #3A78BA;
	--natige-sun: #FCB43C;
	--natige-blue-deep: #2A5C94;
	--natige-ink: #243040;
	--font-display: "Work Sans", system-ui, sans-serif;
	--font-body: Manrope, system-ui, sans-serif;
	--primary: #3A78BA;
	--natige-rail: calc(280px * 4 + 32px * 3);
}

html {
	background-color: var(--natige-blue);
}

html body {
	font-family: var(--font-body);
	font-weight: 400;
	color: var(--natige-ink);
}

p,
li,
input,
textarea,
select,
button,
.nav-link,
.breadcrumb,
.shop-tree,
.faq-item__a,
.page-head__lead {
	font-family: var(--font-body);
}

html body h1,
html body .h1,
.page-head__title,
.recipe-page__title,
.recipe-sheet__title,
.gallery-hero__title,
.history__title {
	font-family: var(--font-display);
	font-weight: 800;
}

html body h2,
html body .h2,
.cat-head__title,
.brands__title,
.reviews__title,
.story-mission__title,
.recipe-home__title,
.canbuy__title,
.factory-band__title,
.cta-band__title,
.factory-story__title,
.mission__title,
.company-faq__title,
.faq-item__q,
.history__name,
.product-page__more h2 {
	font-family: var(--font-display);
	font-weight: 700;
}

html body h3,
html body .h3,
.factory-story__heading,
.mission__heading {
	font-family: var(--font-display);
	font-weight: 500;
}

.product-card__name,
.cat-card__title,
.recipe-card__title {
	font-family: var(--font-display);
	font-weight: 600;
	color: var(--natige-ink);
}

.nav-link {
	font-family: var(--font-display);
	font-weight: 600;
}

a:focus-visible,
button:focus-visible,
.nav-link:focus-visible,
.nav-lang__now:focus-visible,
.nav-lang__opt:focus-visible,
.nav-split__brand:focus-visible,
.product-card:focus-visible,
.recipe-card:focus-visible {
	outline-color: var(--natige-sun);
}