/* Bem Star Fit - Landing Page Colors */
:root {
    --bemstar-primary: #1FAFA0;
    --bemstar-orange: #FF7A21;
    --bemstar-dark: #0F6E67;
    --bemstar-light: #F6F8F8;
    --bemstar-neutral: #D9E0E0;
    --bemstar-text: #1E1E1E;
    --bemstar-orange-light: #FFB36B;
}

/* Utility Classes - Bem Star Fit */
.bg-bemstar-primary { background-color: var(--bemstar-primary) !important; }
.bg-bemstar-orange { background-color: var(--bemstar-orange) !important; }
.bg-bemstar-dark { background-color: var(--bemstar-dark) !important; }
.bg-bemstar-light { background-color: var(--bemstar-light) !important; }

.text-bemstar-primary { color: var(--bemstar-primary) !important; }
.text-bemstar-orange { color: var(--bemstar-orange) !important; }
.text-bemstar-dark { color: var(--bemstar-dark) !important; }
.text-bemstar-text { color: var(--bemstar-text) !important; }

.border-bemstar-primary { border-color: var(--bemstar-primary) !important; }
.border-bemstar-orange { border-color: var(--bemstar-orange) !important; }

/* Gradient Backgrounds - Bem Star Fit */
.bg-gradient-bemstar {
    background: linear-gradient(135deg, var(--bemstar-primary), var(--bemstar-dark));
}

.bg-gradient-bemstar-reverse {
    background: linear-gradient(135deg, var(--bemstar-dark), var(--bemstar-primary));
}

.bg-gradient-bemstar-orange {
    background: linear-gradient(135deg, var(--bemstar-orange), var(--bemstar-orange-light));
}

/* Hover States */
.hover\:bg-bemstar-primary:hover { background-color: var(--bemstar-primary) !important; }
.hover\:bg-bemstar-orange:hover { background-color: var(--bemstar-orange) !important; }
.hover\:bg-bemstar-dark:hover { background-color: var(--bemstar-dark) !important; }

.hover\:text-bemstar-primary:hover { color: var(--bemstar-primary) !important; }
.hover\:text-bemstar-orange:hover { color: var(--bemstar-orange) !important; }

/* Icon Backgrounds - Bem Star Fit */
.icon-bg-primary {
    background-color: rgba(31, 175, 160, 0.1);
    color: var(--bemstar-primary);
}

.icon-bg-orange {
    background-color: rgba(255, 122, 33, 0.1);
    color: var(--bemstar-orange);
}

.icon-bg-dark {
    background-color: rgba(15, 110, 103, 0.1);
    color: var(--bemstar-dark);
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes slide-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-float {
    animation: float 3s ease-in-out infinite;
}

.animate-fade-in {
    animation: fade-in 1s ease-out;
}

.animate-slide-up {
    animation: slide-up 0.8s ease-out;
}

/* Responsive improvements */
@media (max-width: 768px) {
    .section-title {
        font-size: 1.875rem;
    }
    
    .stat-number {
        font-size: 1.875rem;
    }
}

/* Custom scrollbar - Bem Star Fit theme */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: var(--bemstar-light);
}

::-webkit-scrollbar-thumb {
    background: var(--bemstar-primary);
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bemstar-dark);
}