:root {
    --mikro-blue: #1A237E;
    --op-orange: #FF9800;
    --soft-gray: #F4F7F9;
}

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

.text-mikro {
    color: var(--mikro-blue);
}

.border-orange {
    border-color: var(--op-orange);
}

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

.hero-gradient {
    background: linear-gradient(135deg, #1A237E 0%, #283593 100%);
}

.card-hover:hover {
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.feature-card {
    border-left: 4px solid transparent;
    transition: all 0.3s;
}

    .feature-card:hover {
        border-left-color: var(--op-orange);
        background-color: #f8fafc;
    }


/* Canlı Header Arka Planı */
.header-animate {
    background: linear-gradient(135deg, rgba(26,35,126,1) 0%, rgba(40,53,147,1) 50%, rgba(26,35,126,1) 100%);
    position: relative;
    overflow: hidden;
}

    .header-animate::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-image: url('https://www.transparenttextures.com/patterns/carbon-fibre.png');
        opacity: 0.1;
    }

.floating-element {
    animation: floating 3s ease-in-out infinite;
}

.z-1 {
    z-index: 1 !important;
}

@keyframes floating {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-15px);
    }

    100% {
        transform: translatey(0px);
    }
}

/* Menü aktif olduğunda sağdan içeri kayar */
/*#mobile-menu.active {
    transform: translateX(0) !important;
}*/

/* Menü açıldığında arka sayfanın kaymasını ve görünmesini engeller */
/*body.menu-open {
    overflow: hidden !important;
}*/

/* Linklerin okunabilirliği için stil */
/*.mobile-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 0;
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e293b;*/ /* Koyu gri/lacivert tonu */
    /*border-bottom: 1px solid #f1f5f9;
    transition: all 0.3s ease;
}

    .mobile-link:active {
        background-color: #f8fafc;
        padding-left: 0.5rem;
        color: #f97316;*/ /* Turuncu vurgu */
    /*}*/