/* Homepage palette. Preserve the original blog, archive, and article presentation. */
:root,
html {
	--home-teal: #f99045;
	--home-green: #f9ad75;
	--home-gold: #f99045;
	--home-canvas: #f7f3ee;
}

body:not(:where(.blog, .archive, .single-post)) {
	--notion-bg: #f7f3ee;
	--notion-surface: #fff;
	--notion-soft-surface: #f0ebe5;
	--notion-text: #40372f;
	--notion-muted: #786d63;
	--notion-faint: #91a0b5;
	--notion-border: #e7dacf;
	--notion-border-soft: rgb(249 144 69 / 12%);
	--notion-button-bg: #f99045;
	--notion-button-text: #fff;
	--notion-blue: #f99045;
	--wp--preset--color--base: #f7f3ee;
	--wp--preset--color--accent: #f99045;
	--wp--preset--color--accent-soft: #fff0e3;
	--wp--preset--color--line: #e7dacf;
	--wp--preset--color--tint: #f0ebe5;
}

html body:not(:where(.blog, .archive, .single-post)) { background: var(--home-canvas); color: #40372f; }
body:not(:where(.blog, .archive, .single-post)) .notion-topbar { background: #f0ebe5; border-bottom-color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-primary-nav a,
body:not(:where(.blog, .archive, .single-post)) .notion-primary-menu a,
body:not(:where(.blog, .archive, .single-post)) .notion-header-actions a { color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-primary-menu > li > .sub-menu { background: #fff; border-color: #e7dacf; }
body:not(:where(.blog, .archive, .single-post)) .notion-primary-menu > li:hover > a,
body:not(:where(.blog, .archive, .single-post)) .notion-primary-menu > li:focus-within > a,
body:not(:where(.blog, .archive, .single-post)) .notion-primary-menu .sub-menu a:hover { background-color: #fff0e3; color: #ad4f0b; }

body:not(:where(.blog, .archive, .single-post)) .notion-site-footer { background: #f7f3ee; border-top-color: #e7dacf; }
body:not(:where(.blog, .archive, .single-post)) .notion-footer-column a,
body:not(:where(.blog, .archive, .single-post)) .notion-footer-menu a,
body:not(:where(.blog, .archive, .single-post)) .notion-footer-logo { color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-footer-muted,
body:not(:where(.blog, .archive, .single-post)) .notion-footer-copyright { color: #786d63; }

body:not(:where(.blog, .archive, .single-post)) .notion-blog-page,
body:not(:where(.blog, .archive, .single-post)) .notion-blog-shell,
body:not(:where(.blog, .archive, .single-post)) .notion-single-page,
body:not(:where(.blog, .archive, .single-post)) .notion-single-layout,
body:not(:where(.blog, .archive, .single-post)) .notion-blog-sidebar,
body:not(:where(.blog, .archive, .single-post)) .notion-archive-page { background-color: #f7f3ee; }

body:not(:where(.blog, .archive, .single-post)) .notion-post-card .wp-block-post-title a,
body:not(:where(.blog, .archive, .single-post)) .notion-blog-title,
body:not(:where(.blog, .archive, .single-post)) .notion-single-title,
body:not(:where(.blog, .archive, .single-post)) .notion-archive-intro h1,
body:not(:where(.blog, .archive, .single-post)) .notion-single-content h2,
body:not(:where(.blog, .archive, .single-post)) .notion-single-content h3 { color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-single-content a,
body:not(:where(.blog, .archive, .single-post)) .wp-block-post-terms a,
body:not(:where(.blog, .archive, .single-post)) .notion-category-pill,
body:not(:where(.blog, .archive, .single-post)) .notion-byline a { color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-category-pill.is-active { background: #f99045; color: #fff; border-color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .notion-sidebar-case-study-window,
body:not(:where(.blog, .archive, .single-post)) .notion-did-you-know-card { background-color: #fff; border-color: #e7dacf; }
body:not(:where(.blog, .archive, .single-post)) .notion-sidebar-rule { border-color: #e7dacf; }

body:not(:where(.blog, .archive, .single-post)) .wp-element-button,
body:not(:where(.blog, .archive, .single-post)) .wp-block-button__link,
body:not(:where(.blog, .archive, .single-post)) .notion-auth-form button[type="submit"],
body:not(:where(.blog, .archive, .single-post)) .notion-newsletter-form button[type="submit"],
body:not(:where(.blog, .archive, .single-post)) .notion-newsletter-modal-form button[type="submit"],
body:not(:where(.blog, .archive, .single-post)) .comment-form .submit { background-color: #f99045; color: #fff; border-color: #f99045; }
body:not(:where(.blog, .archive, .single-post)) .wp-block-table thead { background: #f99045 !important; color: #fff !important; }
body:not(:where(.blog, .archive, .single-post)) input:not([type="submit"]):not([type="button"]),
body:not(:where(.blog, .archive, .single-post)) textarea,
body:not(:where(.blog, .archive, .single-post)) select { border-color: #e7dacf; }
body:not(:where(.blog, .archive, .single-post)) input:focus,
body:not(:where(.blog, .archive, .single-post)) textarea:focus,
body:not(:where(.blog, .archive, .single-post)) select:focus { border-color: #f99045; }

/* Mouse clicks on the logo should not draw a ring around its header grid cell. */
.notion-topbar .notion-logo-link:focus:not(:focus-visible) { outline: none; box-shadow: none; }

/* Join page content to the footer without the large empty band or divider. */
.wp-site-blocks > footer.wp-block-template-part { margin-block-start: 0; }
body .notion-site-footer { margin-top: 0; border-top: 0; padding-top: 28px; }

/* Shared header buttons for signed-in and signed-out visitors on every page. */
body .notion-header-actions { display: flex; align-items: center; gap: 10px; }
body .notion-topbar .notion-header-actions a {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 36px;
	min-width: 72px;
	padding: 9px 18px !important;
	border: 1px solid #117e88;
	border-radius: 999px;
	background: transparent;
	color: #117e88;
	font-size: 12px;
	line-height: 1.2;
	text-decoration: none;
}
body .notion-topbar .notion-header-actions a:last-child { background: #117e88; color: #fff; }
body .notion-topbar .notion-header-actions a:hover { background: #e6f3f2; color: #075a62; }
body .notion-topbar .notion-header-actions a:last-child:hover { background: #075a62; color: #fff; }
body .notion-topbar .notion-header-actions a:focus-visible { outline: 2px solid #117e88; outline-offset: 3px; }
@media(max-width:520px) {
	body .notion-header-actions { gap: 8px; }
	body .notion-topbar .notion-header-actions a { padding: 8px 14px !important; font-size: 11px; }
}

/* Keep the website About menu accessible in the existing compact header. */
.notion-primary-menu > .notion-website-about { position: relative; }
.notion-primary-menu > .notion-website-about > .sub-menu {
	width: min(340px, 85vw); min-height: 0; padding: 16px;
}
.notion-primary-menu > .notion-website-about > .sub-menu > li > a {
	padding: 10px 8px !important; white-space: normal !important;
}
.notion-primary-menu > .notion-website-about.is-open > .sub-menu { display: block !important; }
@media (min-width: 783px) {
	.notion-primary-nav:has(.notion-website-about:is(:hover, :focus-within, .is-open)) { overflow: visible !important; }
	.notion-primary-menu > .notion-website-about:hover > .sub-menu,
	.notion-primary-menu > .notion-website-about:focus-within > .sub-menu { display: block !important; }
}
@media (max-width: 782px) {
	.notion-primary-menu > .notion-website-about > .sub-menu { position: static; }
}