:root {
    --color-primary: #522D8D;
    --color-secondary: #EC661E;
    --color-light: #ffffff;
    --color-dark: #1a1a1a;
    --transition-speed: 0.3s;
    --btn-primary-color: #EC661E;
    --btn-primary-hover: #d55a00; /* Hover üçün bir az tündləşdirə bilərik */
    --btn-secondary-color: #522D8D;
}

/* Bütün button-lara universal tətbiq */
.btn-primary, .btn-primary:hover {
    background-color: var(--btn-primary-color) !important;
    border-color: var(--btn-primary-color) !important;
    color: #fff !important;
}

    .btn-primary:hover {
        background-color: var(--btn-primary-hover) !important;
        border-color: var(--btn-primary-hover) !important;
    }

    .btn-secondary , .btn-secondary:hover {
        background-color: var(--btn-secondary-color) !important;
        border-color: var(--btn-secondary-color) !important;
        color: #fff !important;
    }



.about-hero {
    position: relative;
    height: 70vh;
    background: url('/img/about-hero.jpg') center/cover no-repeat;
}

    .about-hero .overlay {
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.6);
    }

.brand-story img {
    border-radius: 15px;
    transition: transform .4s;
}

    .brand-story img:hover {
        transform: scale(1.03);
    }

.vision-mission .card {
    border-radius: 15px;
    transition: transform .3s, box-shadow .3s;
}

    .vision-mission .card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,.08);
    }

.team-card img {
    width: 150px;
    height: 150px;
    object-fit: cover;
}

.team-card {
    transition: transform .3s;
}

    .team-card:hover {
        transform: translateY(-8px);
    }

.about-cta {
    background: linear-gradient(135deg, #1a1a1a, #333);
}


/* Ümumi headerdən sonra birbaşa başlayır */
.mini-header {
    width: 100%;
    height: 90px; /* Hündürlük az */
    display: flex;
    align-items: center;
    padding-left: 30px;
    background: #f8f9fc; /* Real, yumşaq, admin panel effekti */
    border-bottom: 1px solid rgba(0,0,0,0.08);
    position: relative;
    top: 0;
}

/* Təmiz tipografiya */
.mini-header-content h1 {
    margin: 0;
    font-size: 22px;
    font-weight: 600;
    color: #1f1f1f;
    letter-spacing: 0.3px;
}

    /* Kiçik vurğu xətti */
    .mini-header-content h1::after {
        content: "";
        display: block;
        width: 50px;
        height: 2px;
        background: #0074ff;
        margin-top: 6px;
        border-radius: 4px;
    }