/* ==========================================================
   BASE — кольори, типографіка, глобальний reset
   ========================================================== */

/* --- Кольори --- */
:root {
	--color-orange:       #EF774A;
	--color-orange-hover: #D95624;
	--color-green:        #415E3F;
	--color-light:        #F0EEE9;
	--color-graphite:     #26404F;
	--color-dark:         #2B2B2A;
	--color-white:        #FFFFFF;
}

/* --- Reset --- */
*, *::before, *::after {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: var(--color-white);
	color: var(--color-dark);
	font-family: 'e-Ukraine', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

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

ul, ol {
	list-style: none;
}

button {
	cursor: pointer;
	background: none;
	border: none;
	font-family: inherit;
}

/* --- Типографіка --- */
.text-body {
	font-size: 16px;
	line-height: 1.6;
	font-weight: 300;
}

.text-small {
	font-size: 14px;
	line-height: 1.4;
	font-weight: 300;
}

.text-medium {
	font-weight: 500;
}

.text-bold {
	font-weight: 700;
}

.text-upper {
	text-transform: uppercase;
	letter-spacing: 0.32px;
}

/* --- Кольори тексту --- */
.color-orange   { color: var(--color-orange); }
.color-green    { color: var(--color-green); }
.color-light    { color: var(--color-light); }
.color-graphite { color: var(--color-graphite); }
.color-dark     { color: var(--color-dark); }
.color-white    { color: var(--color-white); }