@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');


:root {
  /* ── Renkler ── */
  --primary-blue:    #5BA3D0;
  --dark-blue:       #1B4B6B;
  --deep-blue:       #0D2A3F;
  --accent-blue:     #3B7FA8;
  --light-bg:        #F4F8FB;
  --text-primary:    #1A1A1A;
  --text-secondary:  #5A5A5A;
  --buton-bg:        #5BA3D0;
  --buton-text:      #FFFFFF;
  --footer-bg:       #0D2A3F;
  --primary-hover:   #4d8ab0;
  --dark-hover:      #184360;

  /* ── Yazı Tipleri ── */
  --font-body:       'Outfit', sans-serif;
  --font-baslik:     'Playfair Display', serif;
  --font-menu:       'Outfit', sans-serif;

  /* ── Yazı Boyutları ── */
  --boyut-h1:        3.5rem;
  --boyut-h2:        2.5rem;
  --boyut-h3:        1.8rem;
  --boyut-p:         1rem;
  --boyut-menu:      0.95rem;
  --boyut-buton:     1rem;

  /* ── Köşe & Gölge ── */
  --radius-kart:     12px;
  --radius-buton:    8px;
  --golge:           0 4px 20px rgba(0,0,0,0.12);
}

/* ── Global Uygulama ── */
body {
  font-family: var(--font-body) !important;
  font-size: var(--boyut-p) !important;
  color: var(--text-primary) !important;
  background-color: var(--light-bg) !important;
}

h1 { font-family: var(--font-baslik) !important; font-size: var(--boyut-h1) !important; }
h2 { font-family: var(--font-baslik) !important; font-size: var(--boyut-h2) !important; }
h3 { font-family: var(--font-baslik) !important; font-size: var(--boyut-h3) !important; }
p  { font-size: var(--boyut-p) !important; }

nav, nav * { font-family: var(--font-menu) !important; font-size: var(--boyut-menu) !important; }

/* Butonlar */
.btn-primary, .cta-buttons .btn-primary, .project-btn,
a[class*="btn"][style*="background:#5BA3D0"],
a[class*="btn"][style*="background: #5BA3D0"] {
  background: var(--buton-bg) !important;
  color: var(--buton-text) !important;
  border-radius: var(--radius-buton) !important;
  font-family: var(--font-body) !important;
  font-size: var(--boyut-buton) !important;
}
.btn-primary:hover, .project-btn:hover { background: var(--primary-hover) !important; }

/* Kartlar */
.project-card, .stat-card, .contact-form,
.card, [class*="card"] {
  border-radius: var(--radius-kart) !important;
  box-shadow: var(--golge) !important;
}

/* Navigasyon renkleri */
nav { background: color-mix(in srgb, var(--deep-blue) 95%, transparent) !important; }
nav .logo-text, nav .nav-brand { color: white !important; }

/* Footer */
footer, .footer { background: var(--footer-bg) !important; }

/* Hero & Section renkleri */
.hero-section, .projects-section {
  background: linear-gradient(135deg, var(--deep-blue) 0%, var(--dark-blue) 100%) !important;
}
.stats-section {
  background: linear-gradient(135deg, var(--dark-blue) 0%, var(--accent-blue) 100%) !important;
}

/* Link renkleri */
a { color: var(--primary-blue); }
a:hover { color: var(--primary-hover); }

/* Kenarlık renkleri */
.section-divider, hr { border-color: var(--primary-blue) !important; }