html:root,
html:root.dark {
	--primary-h: 8.3deg;
	--primary-s: 58.6%;
	--primary-l: 43.5%;
	--primary: #b0402e;
	--link: #b0402e;
	--link-hover: #9a3527;
	--site-background: #f9f7f4;
	--scheme-main: #ffffff;
	--scheme-main-bis: #faf8f5;
	--scheme-main-ter: #e7e0d6;
	--background: #f9f7f4;
	--text: #2d2a26;
	--text-strong: #2d2a26;
	--text-light: #4f4940;
	--border: #e7e0d6;
	--border-hover: #9a7b5f;
	--input-border-color: #ded6ca;
	--input-focus-border-color: #b0402e;
	--input-focus-box-shadow-color: rgb(176 64 46 / 24%);
	--card-border-color: #e7e0d6;
	--logo-text-color: #2d2a26;
}

html body {
	background-color: #f9f7f4;
	color: #2d2a26;
}

html body,
html button,
html input,
html select,
html textarea {
	font-family: 'Hanken Grotesk', sans-serif;
}

html h1,
html h2,
html h3,
html .title {
	font-family: 'Bitter', Georgia, serif;
}

html .menu-label,
html .tag,
html .task-id,
html .is-size-7 {
	font-family: 'IBM Plex Mono', monospace;
}

html .button.is-primary {
	background-color: #b0402e;
	border-color: #b0402e;
	color: #f9f7f4;
	box-shadow: none;
}

html .button.is-primary:hover,
html .button.is-primary:focus-visible {
	background-color: #9a3527;
	border-color: #9a3527;
	color: #f9f7f4;
}

html a {
	color: #b0402e;
}

html a:hover {
	color: #9a3527;
}

html :focus-visible {
	outline: 3px solid #b0402e;
	outline-offset: 3px;
}

html .card,
html .box,
html .dropdown-content,
html .modal-card {
	border-color: #e7e0d6;
	box-shadow: 0 18px 44px -32px rgb(45 42 38 / 30%);
}

html input,
html select,
html textarea {
	background-color: #faf8f5;
	border-color: #ded6ca;
	color: #2d2a26;
}

html .navbar,
html .menu-container,
html .app-header {
	background-color: #f9f7f4;
}

@media (max-width: 768px) {
	html .button {
		min-block-size: 44px;
	}
}

@media (prefers-reduced-motion: reduce) {
	html *,
	html *::before,
	html *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
	}
}