@import url("header.css");
@import url("button.css");
@import url("hero.css");
@import url("features.css");
@import url("pricing.css");
@import url("demo.css");
@import url("faq.css");
@import url("footer.css");
@import url("responsive.css");

:root {
    --primary: #595421;
    --primary-dark: #403d18;
    --cream: #e3d6ca;
    --background: #faf9f5;
    --text: #323530;
    --muted: #77776f;
    --white: #ffffff;
    --border: #e7e4da;
}

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

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Poppins", sans-serif;
    background: var(--background);
    color: var(--text);
    line-height: 1.6;
}

.container {
    width: min(1280px, calc(100% - 40px));
    margin: auto;
}

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

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