@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&family=Prata&display=swap");

:root{
--font-main:"Onest",sans-serif;
--font-display:"Prata",serif;

--forest:#26352B;
--forest-dark:#17221B;
--moss:#69715D;
--wood:#A87B52;
--sand:#D7C3A7;
--cream:#F3EFE7;
--warm-white:#FAF8F3;
--charcoal:#242521;
--gray:#74766F;
--line:#D8D2C7;
--white:#FFFFFF;

--shadow-soft:0 12px 40px rgba(23,34,27,.08);
--shadow-medium:0 18px 60px rgba(23,34,27,.14);

--radius-small:4px;
--radius-medium:8px;

--transition-fast:.2s ease;
--transition-main:.35s ease;

--header-height:92px;

--h1:64px;
--h2:44px;
--h3:28px;
--h4:20px;

--text-large:20px;
--text-main:16px;
--text-small:14px;
--text-caption:12px;
}

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

html{
scroll-behavior:smooth;
}

body{
min-width:320px;
font-family:var(--font-main);
font-size:var(--text-main);
font-weight:400;
line-height:1.6;
color:var(--charcoal);
background:var(--warm-white);
overflow-x:hidden;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

h1,
h2,
h3,
h4{
margin:0;
font-weight:400;
line-height:1.15;
color:var(--forest-dark);
}

h1,
h2{
font-family:var(--font-display);
}

h1{
font-size:var(--h1);
}

h2{
font-size:var(--h2);
}

h3{
font-size:var(--h3);
font-weight:500;
}

h4{
font-size:var(--h4);
font-weight:600;
}

p{
margin:0;
color:var(--gray);
}

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

ul,
ol{
margin:0;
padding:0;
list-style:none;
}

img,
picture{
display:block;
max-width:100%;
}

img{
height:auto;
}

button,
input,
textarea,
select{
font:inherit;
color:inherit;
}

button{
padding:0;
border:0;
background:none;
cursor:pointer;
}

input,
textarea,
select{
border:0;
outline:0;
background:none;
}

textarea{
resize:vertical;
}

::selection{
color:var(--warm-white);
background:var(--forest);
}