:root {
    --font-heading: 'Be Vietnam Pro', sans-serif;
    --font-body: 'Be Vietnam Pro', sans-serif;

    --black: #000000;
    --white: #ffffff;
    --gray: #f5f5f5;
    --color-bg-dark: rgb(23, 26, 27);
    --color-h3: #2b2929;
    --color-text-muted: #666666;
    --color-bar: #c7c6c6;
    --color-grey: #555555;
    --color-border: #7e7e7e;
    --color-bg-page: #ffffff;
    --color-dark: rgb(23, 26, 27); 
    --color-text-main: var(--color-dark);

   
    --side-padding: 55px;           
    --side-padding-mobile: 20px;  
    --container-max: 1650px;      
    --section-gap: 80px;         
}


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

body {
    font-family: var(--font-body);
    background-color: var(--white);
    color: var(--black);
    line-height: 1.6;
    overflow-x: hidden; 
}


.casa-container {
    width: 100%;
    max-width: var(--container-max) !important; 
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: var(--side-padding) !important; 
    padding-right: var(--side-padding) !important;
}


.section-space {
    padding-top: var(--section-gap);
    padding-bottom: var(--section-gap);
}

@media (max-width: 768px) {
    .casa-container {
        padding-left: var(--side-padding-mobile);
        padding-right: var(--side-padding-mobile);
    }
    :root { --section-gap: 60px; } 
}


h1, h2, h3, h4, .urbanist {
    font-family: var(--font-heading);
    font-weight: 400;
}