html,
body{
    overflow-x:hidden;
}



:root{

    /* COLORS */
    --color-bg:hsl(42, 0%, 95%);
    --color-surface:#ffffff;

    --color-text:#222222;
    --color-text-light:#666666;

    --color-primary:#b8873c;
    --color-primary-dark:#9f722e;

    --color-border:#e4d7c3;
    --color-footer:#ffffff;

    /* SHADOWS */
    --shadow-sm:0 4px 10px rgba(0, 0, 0, 0.016);
    --shadow-md:0 10px 30px rgba(0,0,0,.08);

    /* RADIUS */
    --radius-sm:12px;
    --radius-md:20px;
    --radius-lg:28px;

    /* TRANSITIONS */
    --transition:.35s ease;

    /* CONTAINER */
    --container-width:1840px;
}