/* Ghibli esintili tema (#9): el çizimi, sıcak, yumuşak renkler. Şablon CSS'inin üstüne yüklenir. */
:root {
  --primary-color:          #4f7fa8;
  --secondary-color:        #5f9a4e;
  --section-bg-color:       #f7efe0;
  --p-color:                #5b5448;
  --border-color:           #e6d8bb;
  --featured-border-color:  #c9b48a;
  --ink-color:              #3d3a33;
  --sky-color:              #a6d8ea;
  --cream-color:            #fbf6e9;
  --body-font-family:       'Nunito', sans-serif;
  --hand-font-family:       'Kalam', cursive;
}

body {
  background: var(--cream-color);
  color: var(--ink-color);
}

/* Kâğıt dokusu: hafif gürültü, yalnızca arka planda. */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  opacity: .35;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .3  0 0 0 .12 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
main, .site-footer { position: relative; z-index: 1; }

h1, h2, h3, h4, h5, h6 { color: var(--ink-color); }
.navbar-brand, .hero-title, .section-title-wrap h2 { font-family: var(--hand-font-family); }

.preloader { background: var(--cream-color); }
.spinner-rotate { border-color: var(--secondary-color) transparent; }

/* Hero: gökyüzü ve bulut silueti */
.hero {
  background: linear-gradient(180deg, #7fc4e4 0%, #bfe3ef 55%, #f6efd9 100%);
}
.hero svg path { fill: #ffffff; fill-opacity: .55; }
.hero-title,
.hero h2 {
  background: var(--cream-color);
  color: var(--ink-color);
  box-shadow: 0 10px 30px rgba(79, 70, 50, .15);
  border: 2px solid #fff;
}
.hero-image-wrap { background: rgba(255, 255, 255, .6); }
.hero-image { filter: drop-shadow(0 18px 30px rgba(60, 80, 60, .25)); }

/* Hero'nun üstü açık gökyüzü: menü her durumda koyu mürekkep renginde. */
.navbar-brand,
.navbar-brand:hover { color: var(--ink-color); }
.navbar-nav .nav-link { color: var(--ink-color); font-weight: 700; }
.is-sticky,
.is-sticky .navbar .container { background: rgba(251, 246, 233, .95); box-shadow: 0 6px 20px rgba(79, 70, 50, .12); }
.is-sticky .navbar-brand,
.is-sticky .navbar-brand:hover,
.is-sticky .navbar-nav .nav-link { color: var(--ink-color); text-shadow: none; }
.navbar-nav .nav-link.active,
.navbar-nav .nav-link:hover { color: var(--secondary-color); }

.avatar-image {
  border-color: var(--cream-color);
  background-color: var(--sky-color);
  box-shadow: 0 8px 24px rgba(79, 70, 50, .18);
}

.custom-btn {
  background: var(--secondary-color);
  box-shadow: 0 6px 0 #4c7d43;
}
.custom-btn:hover { background: #4f8a42; }
.custom-border-btn { background: transparent; box-shadow: none; border-color: var(--secondary-color); color: var(--secondary-color); }

/* Bölümler: kâğıt kartlar */
.about { background: transparent; }
.about-image { box-shadow: 0 16px 40px rgba(79, 70, 50, .18); border: 6px solid #fff; }
.about-thumb { background: rgba(255, 255, 255, .55); border-radius: var(--border-radius-medium); padding: 30px; }
.section-title-wrap { background: var(--primary-color); }
.services, .contact { background: var(--section-bg-color); border-color: var(--border-color); }
.services-thumb, .contact-info, .projects-thumb {
  background: #fffdf7;
  border: 2px solid var(--border-color);
  box-shadow: 0 10px 26px rgba(79, 70, 50, .08);
}
.services-thumb:hover { border-color: var(--secondary-color); }
.services-icon-wrap { background: var(--sky-color); }
.projects-tag { background: var(--secondary-color); }

.custom-form .form-control { background: #fffdf7; border-color: var(--border-color); }
.custom-form .form-control:focus { border-color: var(--secondary-color); }
.custom-form button[type="submit"] { background: var(--secondary-color); border-color: transparent; color: #fff; }

.site-footer { background: #e9dcbf; }
.copyright-text-wrap { color: var(--p-color); }

@media (prefers-reduced-motion: reduce) {
  * { transition: none !important; }
}