/* ==========================================================================
   Tema Değişkenleri
   Bu dosya paneldeki Tema Ayarları ekranı tarafından üretilir.
   ELLE DÜZENLEMEYİN: her kayıtta baştan yazılır. Kurallar: kurallar.md Bölüm 12
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap");

:root {
    /* Renkler */
    --primary-color: #856e54;
    --primary-rgb: 133, 110, 84;
    --primary-dark: #6e5a44;
    --primary-light: #9d8468;
    --dark-color: #1b1b1b;
    --dark-rgb: 27, 27, 27;
    --body-bg: #ffffff;
    --text-color: #1b1b1b;
    --heading-color: #1b1b1b;
    --link-color: #856e54;
    --link-hover: #6e5a44;

    /* Footer */
    --footer-bg: #212121;
    --footer-text: #efefef;
    --footer-link: #ffffff;
    --footer-link-hover: #ffffff;
    --footer-heading: #ffffff;

    /* Yazı Tipi ve Metin */
    --font-main: "Barlow", sans-serif;
    --font-heading: "Barlow", sans-serif;
    --text-size: 16px;
    --text-line: 1.7;
    --text-gap: 16px;
    --bold-weight: 700;
    --list-gap: 16px;
    --item-gap: 6px;

    /* Başlıklar */
    --h1-size: 40px;
    --h1-weight: 700;
    --h1-gap: 20px;
    --h2-size: 35px;
    --h2-weight: 800;
    --h2-gap: 18px;
    --h3-size: 28px;
    --h3-weight: 800;
    --h3-gap: 16px;
    --h4-size: 22px;
    --h4-weight: 800;
    --h4-gap: 14px;
    --h5-size: 18px;
    --h5-weight: 600;
    --h5-gap: 12px;
    --h6-size: 16px;
    --h6-weight: 600;
    --h6-gap: 10px;

    /* İç Sayfa İçeriği */
    --page-text-size: 17px;
    --page-text-line: 1.8;
    --page-text-gap: 18px;
    --page-h2-size: 28px;
    --page-h3-size: 23px;
    --page-h4-size: 20px;
    --page-list-gap: 18px;
}