.theme-toggle {
	display: inline-grid;
	place-items: center;
	flex: 0 0 auto;
	width: 38px;
	height: 38px;
	margin-left: 12px;
	padding: 0;
	border: 1px solid #35423c;
	border-radius: 50%;
	background: rgba(9, 14, 12, .72);
	color: #dce4e0;
	cursor: pointer;
	transition: color .2s ease, border-color .2s ease, background .2s ease, transform .2s ease;
}
.theme-toggle:hover {
	border-color: #00d3a7;
	color: #00d3a7;
	transform: translateY(-1px);
}
.theme-toggle span { grid-area: 1 / 1; font-size: 17px; line-height: 1; }
.theme-icon-dark { display: none; }

html[data-theme="light"] { color-scheme: light; }
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] .theme-icon-light { display: none; }
html[data-theme="light"] .theme-icon-dark { display: block; }

html[data-theme="light"] body {
	background: #f6f8f6;
	color: #102019;
}
html[data-theme="light"] .site-header {
	background: linear-gradient(180deg, rgba(246, 248, 246, .96), rgba(246, 248, 246, .7), transparent);
}
html[data-theme="light"] .site-header.scrolled {
	background: rgba(246, 248, 246, .92);
	border-color: #ccd5d0;
}
html[data-theme="light"] .site-header nav { color: #47564f; }
html[data-theme="light"] .site-header nav a:hover { color: #007a61; }
html[data-theme="light"] .brand-logo { filter: invert(1); }
html[data-theme="light"] .theme-toggle {
	border-color: #b8c4be;
	background: rgba(255, 255, 255, .82);
	color: #173128;
}
html[data-theme="light"] .hero {
	background: radial-gradient(circle at 77% 43%, rgba(0, 169, 132, .1), transparent 31%), linear-gradient(#f9fbf9, #eef3f0);
}
html[data-theme="light"] .hero-copy > p,
html[data-theme="light"] .section-head p,
html[data-theme="light"] .network-copy p { color: #5d6c65; }
html[data-theme="light"] .kicker { color: #50635a; }
html[data-theme="light"] h1 em,
html[data-theme="light"] .platform h2 em,
html[data-theme="light"] .network h2 em { color: #00745c; }
html[data-theme="light"] .hero-footnote { border-color: #cad4cf; color: #66766e; }
html[data-theme="light"] .data-node {
	border-color: #6f9284;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 20px 55px rgba(31, 58, 47, .12);
}
html[data-theme="light"] .data-node small,
html[data-theme="light"] .system-label { color: #64746c; }
html[data-theme="light"] .core {
	background: linear-gradient(145deg, #ffffff, #e8f0ec);
	box-shadow: 0 0 70px rgba(0, 169, 132, .12);
}
html[data-theme="light"] .core-top,
html[data-theme="light"] .core > small { color: #607169; }
html[data-theme="light"] .core-tags span { border-color: #b9c7c0; color: #53655c; }
html[data-theme="light"] .feature-grid { border-color: #c8d2cd; background: #c8d2cd; }
html[data-theme="light"] .feature {
	background: #f9fbfa;
	color: #102019;
}
html[data-theme="light"] .feature p { color: #64736c; }
html[data-theme="light"] .feature-no,
html[data-theme="light"] .steps > div > span { color: #00745c; }
html[data-theme="light"] .network { background: #edf3f0; }
html[data-theme="light"] .network-bg,
html[data-theme="light"] .network-bg::before,
html[data-theme="light"] .network-bg::after { border-color: rgba(0, 122, 97, .18); }
html[data-theme="light"] .steps > div {
	border-color: #6f9284;
	background: linear-gradient(180deg, rgba(255, 255, 255, .75), rgba(242, 246, 244, .2));
}
html[data-theme="light"] .steps > div:hover {
	border-color: #477a68;
	background: linear-gradient(180deg, #ffffff, #e9f3ef);
	box-shadow: 0 18px 42px rgba(0, 116, 92, .16), 0 0 22px rgba(0, 169, 132, .1);
}
html[data-theme="light"] .steps > div:hover .step-illustration {
	stroke: #386f5d;
	animation: step-glow-light 1.1s ease-in-out infinite alternate;
}
html[data-theme="light"] .steps > div b { color: #17251f; }
html[data-theme="light"] .steps > div > small {
	color: #52655c;
	font-weight: 600;
}
html[data-theme="light"] .steps > div p,
html[data-theme="light"] .step-signals li { color: #63736b; }
html[data-theme="light"] .step-signals { border-color: #aebdb6; }
html[data-theme="light"] .step-signals {
	padding: 7px 12px;
	border: 1px solid #6f9284;
	background: rgba(251, 252, 251, .9);
	box-shadow: 0 8px 20px rgba(31, 45, 39, .045);
}
html[data-theme="light"] .step-signals li {
	border-color: #d9e0dc;
	color: #43564d;
	font-weight: 600;
}
html[data-theme="light"] .steps > div:hover .step-signals {
	border-color: #477a68;
	background: #ffffff;
}
html[data-theme="light"] .steps > div:hover .step-signals li { color: #293f35; }
html[data-theme="light"] .steps > div:hover > small { color: #43584e; }
html[data-theme="light"] .steps > div:hover > b { color: #102019; }
html[data-theme="light"] .steps > div:hover > p { color: #485d53; }
html[data-theme="light"] footer {
	border-color: #c8d2cd;
	background: #f6f8f6;
	color: #64736c;
}
html[data-theme="light"] .footer-brand,
html[data-theme="light"] .footer-right a { color: #102019; }

@keyframes step-glow-light {
	from { filter: drop-shadow(0 0 2px rgba(0, 116, 92, .2)); }
	to { filter: drop-shadow(0 0 8px rgba(0, 116, 92, .62)); }
}

@media (max-width: 900px) {
	.theme-toggle {
		margin-left: auto;
		margin-right: 12px;
	}
	.theme-icon-dark { transform: translateY(-1px); }
	.menu {
		flex: 0 0 38px;
		width: 38px;
		height: 38px;
		margin-left: 0;
		padding: 7px 5px;
	}
	html[data-theme="light"] .menu { color: #173128; }
	html[data-theme="light"] .menu span { background: currentColor; }
	html[data-theme="light"] .site-header nav { background: #f6f8f6; border-color: #c8d2cd; }
}