/**
 * Saray Ahşap — kurumsal renk paleti (kartvizit)
 * Yeşil: #2d4b41 / #1b3022  |  Altın: #b5a264  |  Krem: #f7f6f3
 */
:root {
    --brand-green: #2d4b41;
    --brand-green-dark: #1b3022;
    --brand-green-deep: #152a1c;
    --brand-gold: #b5a264;
    --brand-gold-light: #c9b87a;
    --brand-gold-dark: #9a8849;
    --brand-cream: #f7f6f3;
    --brand-heading: #2d4b41;
}

/* Ana butonlar */
.theme-btn.btn-one {
    background: linear-gradient(0deg, var(--brand-green), var(--brand-green-dark) 100%) !important;
}

.theme-btn.btn-one:before {
    background: var(--brand-gold) !important;
}

/* Üst bar */
.header-style-four .header-top .top-inner .link a,
.header-style-four .header-top .top-inner p a {
    color: var(--brand-gold) !important;
}

.header-style-four .header-top .top-inner p a:hover {
    color: var(--brand-gold-light) !important;
}

/* Koyu bölümler */
.project-style-three {
    background: var(--brand-green-dark) !important;
}

.project-style-three .project-card-home .card-image {
    background: var(--brand-green) !important;
}

/* Yukarı çık butonu */
.scroll-top {
    background: var(--brand-green) !important;
}

.scroll-top:hover {
    background: var(--brand-gold) !important;
}

/* Anasayfa hero */
.banner-style-four:before {
    background: var(--brand-green-dark) !important;
}

.about-style-five .content_block_one .content-box .lower-box .author-box .designation {
    color: var(--brand-gold) !important;
}

/* Varsayılan sayfa başlığı kırmızı katmanı */
.page-title .bg-layer:before {
    background: var(--brand-green-dark) !important;
}

/* Hizmet / proje filtre (tema varsayılanı) */
.sortable-masonry .filter-tabs li.active,
.sortable-masonry .filter-tabs li:hover {
    color: var(--brand-green) !important;
}

.project-page-section .sortable-masonry .filter-tabs li.active,
.project-page-section .sortable-masonry .filter-tabs li:hover,
.project-page-section .sortable-masonry .filter-btns li.active,
.project-page-section .sortable-masonry .filter-btns li:hover {
    background: var(--brand-green) !important;
    border-color: var(--brand-green) !important;
}

.project-page-section .sortable-masonry .filter-tabs li.active:hover,
.project-page-section .sortable-masonry .filter-btns li.active:hover {
    background: var(--brand-gold-dark) !important;
    border-color: var(--brand-gold-dark) !important;
}