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

:root {
    --font-main: 'sky-bold';
    --font-secondary: 'sky';
    --color-primary: #2C8C3E; /* تم تغيير اللون هنا */
    --color-primary-dark: #2C8C3E;
    --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;
}