.text-primary {
    color: #414042;
    color: var(--color-primary);
}

:root {
    --font-main: 'sky-bold';
    --font-secondary: 'sky';
    --color-primary: #8bc13f; /* تم تغيير اللون هنا */
    --color-primary-dark: #88b2ba;
    --color-primary-light: #8bc13f;
    --color-primary-reverse: #2f5961;
    --dark-bg-main: #fcf9f2;
    --dark-text-main: #464646;
    --dark-text-sec: #a9a9a9;
    --dark-grey: #fcf9f2;
    --text-btn: #464646;
    --bg-color: #ffffff;
    --header-bg: #ffffff;
    --menu-bg: #ffffff;
    --footer-bg: #ffffff;
}