/* ==========================================================
   FOLD FOUNDATION
   Variables, Reset, Base, Typography, Buttons
========================================================== */

:root{
    --fold-bg:#F5F3EE;
    --fold-surface:#FFFFFF;
    --fold-soft:#ECE9E2;

    --fold-text:#353C49;
    --fold-text-light:#6B7280;
    --fold-muted:#6B7280;

    --fold-border:#D9D6CF;
    --fold-accent:#FACA30;

    --fold-container:1400px;
    --fold-content:920px;

    --fold-radius-xs:10px;
    --fold-radius-sm:16px;
    --fold-radius:22px;
    --fold-radius-lg:30px;

    --fold-shadow-sm:0 2px 8px rgba(0,0,0,.04);
    --fold-shadow:0 10px 30px rgba(0,0,0,.06);

    --space-xs:8px;
    --space-sm:16px;
    --space-md:24px;
    --space-lg:40px;
    --space-xl:72px;
    --space-xxl:120px;
}

/* RESET */

*,
*::before,
*::after{
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    background:var(--fold-bg);
    color:var(--fold-text);
    font-family:"Inter",sans-serif;
    font-size:18px;
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
}

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

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

/* TYPOGRAPHY */

h1,
h2,
h3,
h4{
    margin:0;
    font-family:"Oswald",sans-serif;
    font-weight:600;
    color:var(--fold-text);
    line-height:1.08;
}

h1{font-size:64px;}
h2{font-size:48px;}
h3{font-size:34px;}
h4{font-size:24px;}

p{
    margin:0 0 1.4em;
}

/* BUTTONS */

.fold-button,
.fold-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:8px 14px;
    border-radius:8px;
    font-family:"Inter",sans-serif;
    font-size:14px;
    font-weight:700;
    line-height:1;
    letter-spacing:.02em;
    text-decoration:none;
    cursor:pointer;
    transition:.25s ease;
}

.fold-button-primary,
.fold-btn--primary{
    background:#FACA30;
    border:2px solid #FACA30;
    color:#353C49;
}

.fold-button-primary:hover,
.fold-btn--primary:hover{
    background:#F4C200;
    border-color:#F4C200;
    color:#353C49;
    transform:translateY(-1px);
}

.fold-button-secondary,
.fold-btn--secondary{
    background:#FFFFFF;
    border:2px solid #E8E8E8;
    color:#353C49;
}

.fold-button-secondary:hover,
.fold-btn--secondary:hover{
    border-color:#353C49;
    color:#353C49;
    transform:translateY(-1px);
}

/* ==========================================
   BUTTON FIX
========================================== */

.fold-btn,
.fold-button,
.fold-btn:link,
.fold-btn:visited,
.fold-button:link,
.fold-button:visited{

    text-decoration:none !important;

}

.fold-btn:hover,
.fold-button:hover{

    text-decoration:none !important;

}