@import url("https://fonts.googleapis.com/css2?family=Questrial&display=swap");
@import url("https://use.typekit.net/goc4cow.css");

html, body {
	background-image: url(/assets/imgs/texture.jpg);
	background-color: #222224;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

:root,
[data-theme="light"] {
	--background: #f4f6f8;
	--surface: #ffffff;
	--text-primary: #222224;
	--text-secondary: #6f7174;
	--border: rgba(34, 34, 36, 0.1);
	--border-strong: rgba(34, 34, 36, 0.22);
	--map-route: #33483b;
	--marker-ring: rgba(51, 72, 59, 0.14);
	--selection: rgba(34, 34, 36, 0.035);
	--map-wash: #ecece8;
}

[data-theme="dark"] {
	--background: #131314;
	--surface: #1b1b1d;
	--text-primary: #f4f6f8;
	--text-secondary: #9a9b9e;
	--border: rgba(244, 246, 248, 0.12);
	--border-strong: rgba(244, 246, 248, 0.28);
	--map-route: #c5d4c5;
	--marker-ring: rgba(197, 212, 197, 0.18);
	--selection: rgba(244, 246, 248, 0.04);
	--map-wash: #1a1a1c;
}

html.kenya-page,
html.kenya-page body {
	height: auto;
	min-height: 100%;
	background-image: none;
	background-color: var(--background, #f4f6f8);
	color: var(--text-primary, #222224);
	overflow: auto;
}

body {
	color: white;
	box-sizing: border-box;
	font-family: "Questrial", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

a {
	color: inherit;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

button, input, select, textarea {
	font-family: inherit;
}

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