:root {
    /* رنگ‌های قرمز و صورتی */
    --color-red-warm: #F44336;       /* قرمز گرم */
    --color-pink-bold: #E91E63;      /* صورتی تند */

    /* رنگ‌های بنفش و آبی */
    --color-purple-classic: #9C27B0; /* بنفش کلاسیک */
    --color-blue-royal: #3F51B5;     /* آبی سلطنتی */
    --color-blue-light: #2196F3;     /* آبی روشن */
    --color-turquoise: #00BCD4;      /* فیروزه‌ای */
    --color-teal: #009688;           /* سبز آبی */
    --color-teal-light: #00BBAE;    /* سبز آبی روشن */

    /* رنگ‌های سبز و زرد */
    --color-green-fresh: #4CAF50;    /* سبز تازه */
    --color-yellow-lime: #CDDC39;    /* زرد لیمویی */
    --color-yellow-bright: #FFEB3B;  /* زرد روشن */

    /* رنگ‌های نارنجی */
    --color-orange-yellow: #FFC107;  /* نارنجی زرد */
    --color-orange-classic: #FF9800; /* نارنجی کلاسیک */
    --color-orange-red: #FF5722;     /* نارنجی قرمز */

    /* رنگ‌های خنثی */
    --color-brown-earth: #795548;    /* قهوه‌ای خاکی */
    --color-gray-medium: #9E9E9E;    /* خاکستری متوسط */
    --color-gray-blue: #607D8B;      /* خاکستری آبی */
    --color-black: #000000;          /* مشکی */
    --color-white: #FFFFFF;          /* سفید */
}
.elementor-button{
    background-color: var(--color-teal);
}
.elementor-button:hover{
    background-color: var(--color-orange-classic);
}