@import url("style-common.css");

@font-face {
    font-family: 'Metropolis';
    src: url('../fonts/metropolis/Metropolis-Regular.ttf') format('ttf'),
        url('../fonts/metropolis/Metropolis-Regular.woff2') format('woff2'),
        url('../fonts/metropolis/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "San Francisco";
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/san_francisco/sf-pro-text_regular.woff2") format("woff2");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/san_francisco/sf-pro-display_semibold.woff2") format("woff2");
}
@font-face {
    font-family: "San Francisco";
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/san_francisco/sf-pro-text_bold.woff2") format("woff2");
}

:root {
    --font-main: "Helvetica Neue", sans-serif;
    --font-headers: var(--font-main);

    --primary-color: #009de1;
    --primary-hover: #003150;

    --text-dark: #000000;
    --text-light: #ffffff;
    --text-muted: #808080;

    --bg-dark: #000000;
    --bg-section: #e0d9d9;

    --color--measurement: var(--primary-color);

    --border-radius-sm: 0.5rem;
    --border-radius-md: 0.75rem;
}
body{
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.contact-section__title,
h2 {
    font-size: 2.75rem;
}
.header-subtitle,
.contact-section__title{
    font-family: var(--font-headers);
}
.header-description,
.contact-section__description {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--text-muted);
}
.section-gradient{
    background-image:  radial-gradient(circle, #eef7fc 30%, #e2e7ed 100%);
}
.roha-button{
    font-family: var(--font-main);
    letter-spacing: 0.25px;
    font-size: 1.15rem;
    font-weight: 600;
    padding-top: 0.35rem;
    padding-bottom: 0.35rem;
}
@media all and (max-width: 768px) {
    .contact-section__title,
    h2 {
        font-size: 2rem;
    }
    .header-description,
    .contact-section__description {
        font-size: 1.1rem;
        line-height: 1.2;
    }
}