/*
Theme Name: Hello Elementor Child
Template: hello-elementor
Version: 1.0.0
*/

@import url("css/satoshi.css");
:root {
    --base-font-size: 14px;
    --scale-ratio: 1.25;
    --font-family: 'Satoshi', sans-serif;
    --h1-size: 43px;
    --h1-line-height: 110%;
    --h1-letter-spacing: -2%;
    --h2-size: 37px;
    --h2-line-height: 110%;
    --h2-letter-spacing: -2%;
    --h3-size: 33px;
    --h3-line-height: 130%;
    --h3-letter-spacing: -2%;
    --h4-size: 28px;
    --h4-line-height: 130%;
    --h4-letter-spacing: -1.5%;
    --h5-size: 25px;
    --h5-line-height: 130%;
    --h5-letter-spacing: -1.5%;
    --h6-size: 22px;
    --h6-line-height: 130%;
    --h6-letter-spacing: -0.5%;
    --body-lg-size: 19px;
    --body-lg-line-height: 150%;
    --body-lg-letter-spacing: 0%;
    --link-size: 16px;
    --link-line-height: 150%;
    --link-letter-spacing: 0.5%;
    --body-size: 14px;
    --body-line-height: 160%;
    --body-letter-spacing: 0.5%;
    --caption-size: 13px;
    --caption-line-height: 160%;
    --caption-letter-spacing: 1%;
}

.h1 {
    font-family: var(--font-family);
    font-size: var(--h1-size);
    line-height: var(--h1-line-height);
    letter-spacing: var(--h1-letter-spacing);
}