/* NEREYE: wp-content/themes/cay-tema/assets/css/base.css
   AÇIKLAMA: Genel değişkenler, reset, body, başlık ve container ayarları. */

/* ============================================
   GLOBAL VARIABLES & RESET
============================================ */
:root {
  /* Dosya: assets/css/base.css
     Görev: Tema genel renkleri, fontları, reset ve ortak container sistemi.
     Not: Bu dosya tüm CSS dosyalarından önce style.css tarafından yüklenir. */

  --yesil: #234817;
  --yesil-acik: #3F6F2A;
  --yesil-koyu: #102A0A;
  --sari: #D4AF52;
  --sari-acik: #E8CA74;
  --kirmizi: #8B1A1A;
  --krem: #F7F1E7;
  --krem-koyu: #EAE0CC;
  --kahve: #4A2C0A;
  --beyaz: #FFFDF8;
  --metin: #24180D;
  --metin-acik: #6A5A42;
  --golge: rgba(35, 72, 23, 0.12);
  --golge-koy: rgba(35, 72, 23, 0.25);

  --yazi-baslik: 'Playfair Display', Georgia, serif;
  --yazi-metin: 'Inter', 'Segoe UI', Arial, sans-serif;
  --yazi-aksent: 'Dancing Script', cursive;

  --gecis: all .25s ease;
  --radius: 8px;
  --radius-buyuk: 20px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--yazi-metin);
  color: var(--metin);
  background-color: var(--beyaz);
  line-height: 1.7;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


a {
  color: var(--yesil);
  text-decoration: none;
  transition: var(--gecis);
}

a:hover {
  color: var(--yesil-acik);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--yazi-baslik);
  color: var(--yesil-koyu);
  line-height: 1.3;
  font-weight: 700;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}