:root {
    /* Colors */
    --color-primary: #8a5a16;
    --color-primary-dark: #68430f;
    --color-accent: #d9a441;

    --color-dark: #211a10;
    --color-light: #fffdf8;
    --color-white: #ffffff;

    /* Fonts */
    --font-primary: "Hind Siliguri", sans-serif;
    --font-secondary: "Noto Sans Bengali", sans-serif;

    /* Sticky Bar */
    --sticky-bar-height: 62px;
}


/* ========================================
   BASE
======================================== */

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-primary);
    color: var(--color-dark);
    background: var(--color-light);

    padding-bottom: var(--sticky-bar-height);
}


/* ========================================
   RESPONSIVE
======================================== */

@media (max-width: 600px) {

    :root {
        --sticky-bar-height: 58px;
    }

}