/* colors.css - Renk Paleti */

:root {
    /* Ana Renkler */
    --ai-blue: #0EBEDD;
    --ai-white: #fffff0; 
    --ai-png: #F9A346; 
    --ai-purple: #8550D9; 
    
    /* Arka Plan ve Yazı Renkleri */
    --background-color: #F3F4F6; /* Açık gri arka plan */
    --white: #FFFFFF; /* Beyaz yüzey */
    --text-primary: #111827; /* Ana yazı rengi */
    --text-secondary: #6B7280; /* İkincil yazı rengi */
    
    /* Durum Renkleri */
    --success-color: #10B981; /* Başarılı işlem */
    --error-color: #EF4444; /* Hata */
    --warning-color: #F59E0B; /* Uyarı */
    --info-color: #3B82F6; /* Bilgilendirme */
}

/* Örnek Kullanımlar */
body {
    background-color: var(--background-color);
    color: var(--text-primary);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color);
}

p {
    color: var(--text-secondary);
}

button {
    background-color: var(--primary-color);
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

button:hover {
    background-color: var(--secondary-color);
}