/* Custom styles */
body {
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Add smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Colors */
.sengabi-green { color: #84cc16; } /* lime-500 */
.bg-sengabi-green { background-color: #84cc16; }
.border-sengabi-green { border-color: #84cc16; }
.text-sengabi-green { color: #84cc16; }

.sengabi-orange { color: #f97316; } /* orange-500 */
.bg-sengabi-orange { background-color: #f97316; }
.text-sengabi-orange { color: #f97316; }

.bg-sengabi-light-green { background-color: #f7fee7; } /* lime-50 */

/* Animation for sections fading in on scroll */
.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.fade-in-section.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* Custom animation for gears */
@keyframes spin-reverse {
    from { transform: rotate(360deg); }
    to { transform: rotate(0deg); }
}
.animate-spin-reverse {
    animation: spin-reverse 20s linear infinite;
}
/* Custom Colors */
.sengabi-green { color: #84cc16; } /* lime-500 */
.bg-sengabi-green { background-color: #84cc16; }
.border-sengabi-green { border-color: #84cc16; }
.text-sengabi-green { color: #84cc16; }

.sengabi-orange { color: #f97316; } /* orange-500 */
.bg-sengabi-orange { background-color: #f97316; }
.text-sengabi-orange { color: #f97316; }

.bg-sengabi-light-green { background-color: #f7fee7; } /* lime-50 */

/* UPDATE: 
  أضف هذا الكلاس الجديد في الأسفل
  هذا هو اللون الأخضر الخاص بك مع شفافية 70% (B3)
*/
.bg-sengabi-green-transparent { 
    background-color: #84cc16B3; 
}

/* Animation for sections fading in on scroll */
/* ... باقي الملف ... */
/* ... (الكلاسات السابقة) ... */

.bg-sengabi-green-transparent { 
    background-color: #84cc16B3; 
}

/* UPDATE: 
  أضف هذا الكلاس الجديد للون البرتقالي الشفاف (50%)
*/
.bg-sengabi-orange-transparent {
    background-color: #f9731680; /* f97316 هو لونك البرتقالي + 80 هي شفافية 50% */
}

/* Animation for sections fading in on scroll */
/* ... باقي الملف ... */


/* --- START: Added for Hero Readability --- 
*/

/* 1. Added dark overlay for the hero section image */
.bg-hero-overlay {
    background-color: rgba(0, 0, 0, 0.45);
}

/* 2. Added soft text shadow for hero text */
.text-shadow-soft {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

/* --- END: Added for Hero Readability --- */