/* ==========================================================================
   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=Roboto:wght@300;400;500;700;900&display=swap");

:root {
    /* Renkler */
    --primary-color: #2c6ab2;
    --primary-rgb: 44, 106, 178;
    --primary-dark: #0f1b2d;
    --primary-light: #2c6ab2;
    --dark-color: #0f1b2d;
    --dark-rgb: 15, 27, 45;
    --body-bg: #ffffff;
    --text-color: #444444;
    --heading-color: #0f1b2d;
    --link-color: #2c6ab2;
    --link-hover: #0f1b2d;

    /* Footer */
    --footer-bg: #0f1b2d;
    --footer-text: #8c8c8c;
    --footer-link: #d6d6d6;
    --footer-link-hover: #2c6ab2;
    --footer-heading: #ffffff;

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

    /* Başlıklar */
    --h1-size: 70px;
    --h1-weight: 800;
    --h1-gap: 20px;
    --h2-size: 52px;
    --h2-weight: 800;
    --h2-gap: 18px;
    --h3-size: 26px;
    --h3-weight: 800;
    --h3-gap: 15px;
    --h4-size: 24px;
    --h4-weight: 800;
    --h4-gap: 12px;
    --h5-size: 20px;
    --h5-weight: 700;
    --h5-gap: 10px;
    --h6-size: 18px;
    --h6-weight: 700;
    --h6-gap: 10px;

    /* İç Sayfa İçeriği */
    --page-text-size: 16px;
    --page-text-line: 1.7;
    --page-text-gap: 20px;
    --page-h2-size: 30px;
    --page-h3-size: 24px;
    --page-h4-size: 20px;
    --page-list-gap: 25px;
}