/**
 * ÇİFTÇİ® MODERN YAPI - Kurumsal Kimlik Tasarım Sistemi (Official Brand Book v2026.2)
 * 
 * Tipografi (Sayfa 14-15):
 *   - Başlıklar (Headings): Fivo Sans Bold (700)
 *   - İçerik / Gövde (Body): Fivo Sans Light (300)
 *   - Dijital Sistem Yedeği: Calibri, sans-serif
 * 
 * Kurumsal Renk Paleti (Sayfa 12):
 *   - Açık Gold (PANTONE 729 C): #AE8A5B | RGB(174, 138, 91)
 *   - Koyu Gold (PANTONE 874 C): #967652 | RGB(150, 118, 82)
 *   - 45° Kurumsal Gold Degrade: linear-gradient(45deg, #967652 0%, #AE8A5B 50%, #CEA978 78%, #967652 100%)
 *   - Kurumsal Siyah (Obsidian): #0A0A0A / #000000
 *   - Kurumsal Beyaz / Yüzey: #FFFFFF / #FAF8F5
 */

@import url('https://fonts.cdnfonts.com/css/fivo-sans');

:root {
    --surface: #FAF8F5;
    --surface-low: #F3EFEA;
    --surface-container: #ECE6DF;
    --surface-high: #E4DDD4;
    --surface-highest: #DBD2C7;
    --primary: #0A0A0A;
    --primary-container: #0A0A0A;
    --secondary: #967652;
    --secondary-gold: #AE8A5B;
    --secondary-fixed: #DEC19A;
    --outline-variant: #CFC7BC;
    --gold-gradient-45: linear-gradient(45deg, #967652 0%, #AE8A5B 48%, #CEA978 75%, #967652 100%);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

/* Fivo Sans Light (300) - Tüm İçerik ve Gövde Metinleri */
body {
    background-color: var(--surface);
    color: #141414;
    font-family: 'Fivo Sans', 'Calibri', -apple-system, BlinkMacSystemFont, sans-serif;
    font-weight: 300;
    line-height: 1.65;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

p, .font-body, .text-body-light {
    font-family: 'Fivo Sans', 'Calibri', sans-serif;
    font-weight: 300;
}

/* Fivo Sans Bold (700) - Tüm Başlıklar */
h1, h2, h3, h4, h5, h6, .font-headline {
    font-family: 'Fivo Sans', 'Calibri', sans-serif;
    font-weight: 700 !important;
    letter-spacing: -0.015em;
}

/* Kurumsal 45 Derece Gold Degrade Yardımcı Sınıflar */
.bg-gold-gradient {
    background: linear-gradient(45deg, #967652 0%, #AE8A5B 50%, #C8A575 78%, #967652 100%);
}

.text-gold-gradient {
    background: linear-gradient(45deg, #967652 0%, #AE8A5B 45%, #DFC298 75%, #AE8A5B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.border-gold-subtle {
    border-color: rgba(174, 138, 91, 0.28);
}

/* Kurumsal Kılavuz Sayfa 13 - Monogram Desenli Arka Plan */
.brand-monogram-bg {
    background-image: url('../img/brand/monogram-pattern.svg');
    background-repeat: repeat;
    background-size: 110px 110px;
}

/* Mimari Grid Katmanları (Siyah & Gold Uyumlu) */
.blueprint-grid {
    background-image: 
        linear-gradient(to right, rgba(150, 118, 82, 0.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(150, 118, 82, 0.06) 1px, transparent 1px);
    background-size: 44px 44px;
}

.blueprint-grid-dark {
    background-image: 
        linear-gradient(to right, rgba(174, 138, 91, 0.075) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(174, 138, 91, 0.075) 1px, transparent 1px);
    background-size: 48px 48px;
}

/* Eski Lacivert (#141b2b / #0c1017) Sınıflarını Kurumsal Siyah (#0A0A0A) İleBirebir Eşle */
.bg-\[\#141b2b\], .bg-\[\#0c1017\] {
    background-color: #0A0A0A !important;
}

.text-\[\#141b2b\] {
    color: #0A0A0A !important;
}

.bg-\[\#C5A880\] {
    background-color: #AE8A5B !important;
}

.text-\[\#C5A880\] {
    color: #AE8A5B !important;
}

.border-\[\#C5A880\], .border-t-\[\#C5A880\], .border-l-\[\#C5A880\], .border-b-\[\#C5A880\] {
    border-color: #AE8A5B !important;
}

/* Özel Kaydırma Çubuğu */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #0A0A0A;
}

::-webkit-scrollbar-thumb {
    background: #967652;
}

::-webkit-scrollbar-thumb:hover {
    background: #AE8A5B;
}

/* Mimari Kart Geçişleri */
.arch-card {
    transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.35s ease;
}

.arch-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 48px -12px rgba(10, 10, 10, 0.14);
}

/* İnteraktif SVG Kat Planı Oda Bölgeleri */
.svg-room-zone {
    transition: fill 0.35s ease, stroke 0.35s ease;
    cursor: pointer;
}

.svg-room-zone:hover {
    fill: rgba(174, 138, 91, 0.28) !important;
}

/* Bildirim Toast */
#ciftci-toast {
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Yazdırma Kuralları */
@media print {
    .no-print {
        display: none !important;
    }
    body {
        background: #ffffff !important;
        color: #000000 !important;
    }
}