/* Reset ve Temel Stiller */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Site genelinde kullanılacak değişkenler */
:root {
    --primary-color: #466954;
    --border-radius: 8px;
    --transition: all 0.3s ease;
}

body {
    background-color: #F1F2F5;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    line-height: 1.6;
    color: #333333;
}

/* Tipografi */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins', system-ui, -apple-system, sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 1rem;
    color: #1A1A1A;
}

h1 {
    font-size: 2.5rem;    /* 40px */
}

h2 {
    font-size: 2rem;      /* 32px */
}

h3 {
    font-size: 1.75rem;   /* 28px */
}

h4 {
    font-size: 1.5rem;    /* 24px */
}

h5 {
    font-size: 1.25rem;   /* 20px */
}

h6 {
    font-size: 1.125rem;  /* 18px */
}

p {
    font-size: 1rem;      /* 16px */
    margin-bottom: 1rem;
    line-height: 1.7;
}

/* Container ayarları */
.container {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* İçerik container'ı için ek padding */
.content-container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

/* Link stilleri */
a {
    color: #007BFF;
    text-decoration: none;
    transition: color 0.3s ease;
}

a:hover {
    color: #0056b3;
}

/* Liste stilleri */
ul, ol {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
}

li {
    margin-bottom: 0.5rem;
}

/* Küçük ekranlar için responsive tipografi */
@media (max-width: 768px) {
    h1 {
        font-size: 2rem;
    }
    
    h2 {
        font-size: 1.75rem;
    }
    
    h3 {
        font-size: 1.5rem;
    }
    
    h4 {
        font-size: 1.25rem;
    }
    
    h5 {
        font-size: 1.125rem;
    }
    
    h6 {
        font-size: 1rem;
    }
    
    p {
        font-size: 0.9375rem;
    }
}

/* Grid sisteminde kartlar arası boşluk */
.cards-row {
    margin-bottom: 2rem;
}

.cards-row [class*="col-"] {
    margin-bottom: 1.5rem;
}