@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@1,300&display=swap');

@font-face {
    font-family: AzoSans-Light;
    src: url("../fonts/AzoSans-Light.ttf"),
        url("../fonts/AzoSans-Light.woff"),
        url("../fonts/AzoSans-Light.woff2")
}

@font-face {
    font-family: AzoSans-Thin;
    src: url("../fonts/AzoSans-Thin.ttf"),
        url("../fonts/AzoSans-Thin.woff2")
}

@font-face {
    font-family: Titillium-Light;
    src: url("../fonts/TitilliumWeb-Light.ttf"),
        url("../fonts/TitilliumWeb-Light.woff"),
        url("../fonts/TitilliumWeb-Light.woff2")
}

@font-face {
    font-family: Titillium-Semibold;
    src: url("../fonts/TitilliumWeb-SemiBold.ttf"),
        url("../fonts/TitilliumWeb-SemiBold.woff"),
        url("../fonts/TitilliumWeb-SemiBold.woff2")
}

:root {
    --background-primary: #f5f5f5;
    --font-color-primary: #333333;
    --font-color-secondary: #666666;
    --primary-color: #C8A97E;

    --button-bg-color: #c8a97ec6;
    --button-bg-color-hover: rgba(200, 169, 126, 0.7);
    --button-border: 1px solid #333333;
    --button-border-hover: 1px solid #c8c8c8;

    --paragraph-font: 'Titillium-Light';
    --title-font: 'AzoSans-Light';
}

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

body,
html {
    font-family: var(--paragraph-font);
    font-size: clamp(0.85rem, 0.743rem + 0.286vw, 1rem);
    line-height: 1.6;
    background-color: white;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: var(--title-font);
    color: #C8A97E;
    text-transform: uppercase;

}

p {
    font-family: var(--paragraph-font);
    color: var(--font-color-secondary);
}

.cta-button {
    font-family: var(--title-font);
    text-transform: uppercase;
    padding: .75rem;
    background-color: var(--button-bg-color);
    border: var(--button-border);
    color: black;

    transition: 0.16s;
}

.cta-button:hover {
    background-color: var(--button-bg-color-hover);
    border: var(--button-border-hover);
    transition: 0.16s;
}

.strong {
    color: black;
    font-family: Titillium-Semibold;
}