/* Plus Jakarta Sans – variable (normal) */
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/fonts/PlusJakartaSans-VariableFont_wght.ttf")
            format("truetype-variations"),
        url("/fonts/PlusJakartaSans-VariableFont_wght.ttf") format("truetype");
    font-weight: 200 800; /* a wght tengely tartománya */
    font-style: normal;
    font-display: swap;
}

/* Plus Jakarta Sans – variable (italic) – ha használod */
@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf")
            format("truetype-variations"),
        url("/fonts/PlusJakartaSans-Italic-VariableFont_wght.ttf")
            format("truetype");
    font-weight: 200 800;
    font-style: italic;
    font-display: swap;
}

/* Globális alkalmazás */
html,
body {
    font-family: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI",
        Roboto, "Helvetica Neue", Arial, sans-serif;
}
:root {
    /* color variables */
    --white: #f9fbf3;
    --primary: #083428;
    --background: #f9fbf3;
    --just-white: #fff;
    --brand-color: #082d33;
    --secondary: #ef7417;
    --green-highlight: #2bff00;
    --text-main: #2f2f2f;
    --text-dark-green: #374836;
    --text-light-green: #8f978f;
    --green-bubbles: #48802e;
    --green-bubbles-light: #c7e8b8;
    --text-black-small-text: #000;

    /* responsive margins / paddings */
    --margin-sm: 16px;
    --margin-md: 32px;
}

html {
    height: 100%;
    font-size: 16px;
}

body {
    background: var(--background);
}

/* text utility classes */

.paragraph {
    font-size: 20px;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

.heading {
    color: #fff;
    font-size: 16px;
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 700;
    line-height: 1.5;
}

/* ui objects utility classes */

.circle-light {
    box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.21);
    height: 64px;
    background-color: var(--white);
    padding: 24px;
    border-radius: 50%;
}