:root {
	--eh-red: #d71920;
	--eh-red-dark: #a80f15;
	--eh-red-soft: #fbe9ea;
	--eh-ink: #101923;
	--eh-ink-soft: #243241;
	--eh-paper: #ffffff;
	--eh-surface: #f7f3ed;
	--eh-muted: #69727d;
	--eh-whatsapp: #25d366;
	--eh-border: 2px solid var(--eh-ink);
	--eh-shadow: 0 12px 28px rgba(16, 25, 35, 0.12);
	--eh-radius: 16px;
	--eh-content: 1200px;
	--eh-font-heading: "Cairo", "Tahoma", sans-serif;
	--eh-font-body: "Cairo", "Tahoma", sans-serif;
	--eh-font-code: "Cairo", "Tahoma", sans-serif;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

body {
	background: var(--eh-surface);
	color: var(--eh-ink);
	font-family: var(--eh-font-body) !important;
	font-weight: 500;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--eh-ink);
	font-family: var(--eh-font-heading) !important;
	font-weight: 800;
}

button,
input,
select,
textarea {
	font-family: var(--eh-font-body) !important;
}

:focus-visible {
	outline: 3px solid var(--eh-red);
	outline-offset: 3px;
}