:root {
    /* Brand-inspired palette: Pantone 4685C / 4975C / 449C yakın tonlar */
    --arc-bg: #232016;
    --arc-footer-solid: #1e1d18; /* Footer tek düz renk (üst/alt bant ayrımı yok) */
    --arc-surface: #2f2b1f;
    --arc-surface-2: #3a3527;
    --arc-text: #d6ccb8;
    --arc-muted: #b8ae9b;
    --arc-border: #4a4434;
    --arc-accent: #c9bea6; /* 4685C benzeri */
}

html, body {
    background: var(--arc-bg);
    color: var(--arc-text);
}

.content-wrapper,
section,
.bg-light,
.footer .top,
.footer .bottom,
.card,
.accordion-item,
.table,
.table-responsive {
    background-color: var(--arc-bg) !important;
    color: var(--arc-text);
}

.p-3.border,
.p-4.border,
.p-4.h-100.bg-white.border,
.p-3.h-100.border,
.service-showcase-panel,
.custom-page-prose,
.custom-page-prose section {
    background: var(--arc-surface) !important;
    border-color: var(--arc-border) !important;
    color: var(--arc-text) !important;
}

p, li, span, .text-muted, .small, .mail {
    color: var(--arc-muted) !important;
}

h1, h2, h3, h4, h5, h6,
.section-title,
.section-title span,
.sub-title,
.navbar .nav-link,
.footer h3,
.footer a {
    color: var(--arc-text) !important;
}

.navbar.nav-scroll {
    background-color: var(--arc-dark-green) !important;
    border-bottom: 1px solid rgba(227, 216, 200, 0.1) !important;
}

.navbar .dropdown-menu {
    background: var(--arc-surface-2);
    border-color: var(--arc-border);
}

.navbar .dropdown-item,
.navbar .dropdown-item span {
    color: var(--arc-text) !important;
}

.button-light,
.button-dark,
.link-btn,
.service-showcase-btn,
.btn,
input[type="submit"] {
    background: var(--arc-accent) !important;
    color: #121212 !important;
    border-color: var(--arc-accent) !important;
}

input, textarea, select,
.line-gray,
.form-control {
    background: #272318 !important;
    color: var(--arc-text) !important;
    border-color: var(--arc-border) !important;
}

a { color: var(--arc-accent); }
a:hover { color: #e3d8c2; }

/* Footer: tek düz renk — dış footer ile .top/.bottom arası ton farkını kaldırır */
footer.footer,
.footer,
.footer .top,
.footer .bottom {
    background-color: var(--arc-footer-solid) !important;
    color: var(--arc-text);
}

.footer {
    border-top: 1px solid rgba(227, 216, 200, 0.08) !important;
    padding: 72px 0 0 !important;
}

.footer .top {
    padding-bottom: 8px !important;
}

.footer .bottom {
    margin-top: 40px !important;
    padding: 28px 0 36px !important;
    border-top: none !important;
    background-color: var(--arc-footer-solid) !important;
}

.footer .bottom p {
    font-size: 13px !important;
    letter-spacing: 0.02em;
    color: var(--arc-muted) !important;
}

.footer .bottom p a {
    color: var(--arc-accent) !important;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color 0.2s ease, border-color 0.2s ease;
}

.footer .bottom p a:hover {
    color: var(--arc-text) !important;
    border-bottom-color: rgba(227, 216, 200, 0.35);
}

.footer .sub-title.border-footer-light {
    border-bottom-color: rgba(227, 216, 200, 0.18) !important;
    color: var(--arc-text) !important;
}

.footer .top .item h3 {
    color: var(--arc-text) !important;
}

.footer .top .item h3 span {
    color: var(--arc-accent) !important;
}

.footer .top .item p,
.footer .top .item .phone {
    color: var(--arc-muted) !important;
}

.footer .top .item .mail {
    color: var(--arc-accent) !important;
}

.footer .top .item .mail:before {
    background-color: rgba(227, 216, 200, 0.35) !important;
}

/* Blog grid: kart gorselleri ayni boyutta */
.blog-home .item .post-img .img {
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 10px;
    background: rgba(0,0,0,.12);
}
.blog-home .item .post-img .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Blog grid: daha zarif kart metin bloğu */
.blog-home .item {
    position: relative;
}
.blog-home .item .cont {
    width: 92% !important;
    margin: -44px auto 18px !important;
    padding: 18px 18px 16px !important;
    border-radius: 14px;
    background: rgba(35, 32, 22, 0.92) !important;
    border: 1px solid rgba(227, 216, 200, 0.10) !important;
    box-shadow: 0 14px 40px rgba(0,0,0,.28);
    backdrop-filter: blur(6px);
}
.blog-home .item h4,
.blog-home .item h4 a {
    font-size: 16px !important;
    line-height: 1.35 !important;
    letter-spacing: 0.02em;
    margin-bottom: 10px !important;
    text-transform: none !important;
}
.blog-home .item .info a,
.blog-home .item .info a span,
.blog-home .item .info a:last-of-type {
    font-size: 12px !important;
    letter-spacing: 0.02em;
    color: rgba(214, 204, 184, 0.78) !important;
}
.blog-home .item .info a span:after {
    opacity: .35;
}

/* Projects slider: daha zarif bilgi kartı */
.projects .items .con .info {
    left: 16px !important;
    bottom: 16px !important;
    padding: 16px 18px 14px 18px !important;
    border-radius: 14px;
    background: rgba(35, 32, 22, 0.90) !important;
    border: 1px solid rgba(227, 216, 200, 0.10) !important;
    box-shadow: 0 16px 44px rgba(0,0,0,.30);
    backdrop-filter: blur(6px);
}

.projects .items .con .info .category {
    font-size: 11px !important;
    letter-spacing: 0.12em !important;
    text-transform: none !important;
    margin: 0 0 10px 0 !important;
    padding-left: 0 !important;
}
.projects .items .con .info .category:before,
.projects .items .con .info .category:after {
    display: none !important;
}

.projects .items .con .info h6,
.projects .items .con .info h6 a {
    font-size: 16px !important;
    line-height: 1.25 !important;
    letter-spacing: 0.04em !important;
    text-transform: none !important;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .projects .items .con .info {
        left: 12px !important;
        right: 12px !important;
        padding: 14px 16px 12px !important;
        border-radius: 12px;
    }
}