:root {
    --primary-color: #08243C;
    --secondary-color: #2AD8A7;
    --white-color: #ffffff;
    --black-color: #000000;
    --yellow-color: #FFC700;
    --var-body-bg-color: #242424;

    /* Inter Tight only — hierarchy via font-weight */
    --font: 'Inter Tight', sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;

    --var-white: #fff;
    --var-black: #000;

    --border-color-white: #000;

    --var-site-grey-1: #C6C6C6;
    --var-site-grey-2: #C1C1C1;
    --var-site-grey-3: #7E7E7E;
    --site-grey-4: #5F5F5F;
    --var-paragrapy-color: #BABABA;
    --header-height-md: 72px;
    --header-height-sm: 72px;
    --md-container-px: 40px;
    --sm-container-px: 30px;
    --xs-container-px: 15px;
}