/* === furkanikkan.com Base CSS === */

body {
  font-family: var(--font-body);
  color: var(--text-secondary);
  background-color: var(--bg-primary);
  font-size: var(--text-base);
  line-height: 1.6;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: var(--space-4);
}

h1 { font-size: var(--text-4xl); }
h2 { font-size: var(--text-3xl); }
h3 { font-size: var(--text-2xl); }
h4 { font-size: var(--text-xl); }

p {
  margin-bottom: var(--space-4);
}

p:last-child {
  margin-bottom: 0;
}

/* Linkler için temel geçiş */
a {
  transition: color 0.3s ease;
}

/* Semantik renk sınıfları (Metin için) */
.text-primary { color: var(--color-primary); }
.text-amber { color: var(--color-secondary); }
.text-teal { color: var(--color-accent-teal); }
.text-indigo { color: var(--color-primary-dark); }
.text-violet { color: var(--color-accent-violet); }
.text-blue { color: var(--color-accent-blue); }
.text-green { color: var(--color-accent-green); }
.text-sky { color: var(--color-accent-sky); }
.text-yellow { color: #EAB308; }
.text-rose { color: #F43F5E; }
.text-cyan { color: #06B6D4; }
.text-orange { color: #F97316; }

/* Arka plan renk sınıfları */
.bg-amber { background-color: rgba(245, 158, 11, 0.1); }
.bg-teal { background-color: rgba(20, 184, 166, 0.1); }
.bg-indigo { background-color: rgba(99, 102, 241, 0.1); }
.bg-violet { background-color: rgba(139, 92, 246, 0.1); }
.bg-blue { background-color: rgba(59, 130, 246, 0.1); }
.bg-green { background-color: rgba(34, 197, 94, 0.1); }
.bg-sky { background-color: rgba(14, 165, 233, 0.1); }
.bg-yellow { background-color: rgba(234, 179, 8, 0.1); }
.bg-rose { background-color: rgba(244, 63, 94, 0.1); }
.bg-cyan { background-color: rgba(6, 182, 212, 0.1); }
.bg-orange { background-color: rgba(249, 115, 22, 0.1); }

/* Faydalı sınıflar */
.text-center { text-align: center; }
.mt-4 { margin-top: var(--space-4); }
.mt-8 { margin-top: var(--space-8); }
.mb-4 { margin-bottom: var(--space-4); }
.mb-8 { margin-bottom: var(--space-8); }