:root {
    /*color Palette One*/
    --color-turquoise: #66D3C1;
    --color-turquoise-dark: #4ca193;
    --color-yellow: #FDD835;
    --color-orange: #FFA652;
    --color-red: #F65A5B;
}

.text-turquoise {
    color: var(--color-turquoise);
}

.text-turquoise-dark {
    color: var(--color-turquoise-dark);
}

.text-yellow {
    color: var(--color-yellow);
}

.text-orange {
    color: var(--color-orange);
}

.text-red {
    color: var(--color-red);
}

.bg-turquoise {
    background-color: var(--color-turquoise);
}

.bg-turquoise-dark {
    background-color: var(--color-turquoise-dark);
}

.bg-yellow {
    background-color: var(--color-yellow);
}

.bg-orange {
    background-color: var(--color-orange);
}

.bg-red {
    background-color: var(--color-red);
}



.input-turquoise {
    color: #333; /* رنگ پیش‌فرض متن */
    transition: color 0.3s ease; /* انیمیشن نرم */

    border-top-left-radius: 18px !important;
    border-bottom-left-radius: 18px !important;
}

/* وقتی روی فیلد فوکوس می‌کنیم */
.input-turquoise:focus {
    color: var(--color-turquoise-dark);
}

/* اگر بخوای حتی موقع تایپ بدون فوکوس هم باشه */
.input-turquoise:not(:placeholder-shown) {
    color: var(--color-turquoise-dark);
}