:root {

    --color-primary: #2d3b4e;
    --color-primary-dark: #1c2532;

    --color-accent: #a35139;

    --color-bg: #eee9df;
    --color-bg-dark: #c9c2b2;

    --color-white: #ffffff;

    --transition: 0.3s ease;
}

/* =====================================
   GLOBAL
===================================== */

html {
    scroll-behavior: smooth;
}

body {

    font-family: 'Montserrat', sans-serif;

    background: var(--color-bg);

    color: var(--color-primary);

    overflow-x: hidden;
}

section {
    padding: 100px 0;
}

img {
    max-width: 100%;
}

a {
    transition: var(--transition);
}

.section-heading {

    text-align: center;

    margin-bottom: 60px;
}

.section-heading h2 {

    font-size: 2.8rem;

    font-weight: 800;

    margin-bottom: 15px;
}

.section-heading p {

    max-width: 650px;

    margin: auto;
}

/* =====================================
   BUTTONS
===================================== */

.btn-primary-custom {

    display: inline-block;

    padding: 16px 38px;

    background: var(--color-accent);

    color: white;

    border-radius: 50px;

    font-weight: 700;

    text-decoration: none;

    transition: var(--transition);
}

.btn-primary-custom:hover {

    color: white;

    text-decoration: none;

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

/* =====================================
   BACKGROUNDS
===================================== */

.section-light {

    background: var(--color-bg);
}

.section-dark {

    background: var(--color-primary);

    color: white;
}

/* =====================================
   FOOTER
===================================== */

footer {

    background: var(--color-primary-dark);

    color: white;

    text-align: center;

    padding: 70px 0;
}

.footer-logo {

    width: 180px;

    margin-bottom: 25px;
}

footer p {

    margin-bottom: 10px;
}