/* assets/css/style.css - MODERN BASE STYLE */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap');

:root {
    /* --- MODERN RENK PALETİ --- */
    --primary: #FF6B6B;       /* Canlı Mercan (Ana Renk) */
    --primary-dark: #EE5253;  /* Koyu Mercan */
    --secondary: #4ECDC4;     /* Turkuaz */
    --dark: #2D3436;          /* Koyu Gri/Siyah */
    --light: #F7F9FC;         /* Arkaplan Grisi */
    --white: #FFFFFF;
    --gray: #95A5A6;          /* Pasif Metinler */
    
    /* Durum Renkleri */
    --success: #1DD1A1;       /* Başarılı */
    --danger: #FF4757;        /* Hata/Sil */
    --warning: #FFA502;       /* Uyarı */
    --info: #70A1FF;          /* Bilgi */

    /* UI Değişkenleri */
    --radius: 12px;           /* Kart Köşeleri */
    --radius-sm: 8px;         /* Küçük Eleman Köşeleri */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
    --shadow-md: 0 8px 24px rgba(0,0,0,0.08);
    --transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- TEMEL AYARLAR --- */
* { box-sizing: border-box; margin: 0; padding: 0; outline: none; }
body { 
    font-family: 'Outfit', sans-serif; 
    background-color: var(--light); 
    color: var(--dark); 
    line-height: 1.6; 
    font-size: 15px;
    -webkit-font-smoothing: antialiased; 
}

a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
img { max-width: 100%; display: block; }

/* --- YARDIMCI SINIFLAR --- */
.konteynir { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.tam-genislik { width: 100%; }
.metin-merkez { text-align: center; }
.esnek-kutu { display: flex; justify-content: space-between; align-items: center; }
.ust-bosluk-20 { margin-top: 20px; }
.alt-bosluk-20 { margin-bottom: 20px; }
.gap-20 { gap: 20px; }
.gizle { display: none; }

/* Renk Yardımcıları */
.kirmizi-metin { color: var(--danger) !important; }
.yesil-metin { color: var(--success) !important; }
.gri-metin { color: var(--gray) !important; font-size: 0.9em; }

/* --- BUTONLAR --- */
.btn { 
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; 
    padding: 10px 24px; border-radius: var(--radius); font-weight: 600; border: none; 
    cursor: pointer; transition: var(--transition); font-size: 0.95rem; 
}
.btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }
.btn:active { transform: scale(0.98); }

.btn-ana { 
    background: linear-gradient(135deg, var(--primary), var(--primary-dark)); 
    color: var(--white); 
    box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3); 
}
.btn-koyu { background: var(--dark); color: var(--white); }
.btn-incele { 
    background: var(--white); border: 1px solid #dfe6e9; color: var(--dark); 
}
.btn-incele:hover { border-color: var(--dark); background: var(--dark); color: var(--white); }

.btn-link { 
    background: none; border: none; color: var(--info); 
    padding: 0; text-decoration: underline; cursor: pointer; font-size: 0.9rem;
}
.btn-link:hover { color: var(--dark); }
.btn-link-koyu {
    background: none; border: none; color: var(--gray); font-size: 0.9rem; cursor: pointer;
}
.btn-link-koyu:hover { color: var(--dark); text-decoration: underline; }

/* --- FORMLAR --- */
.form-group { margin-bottom: 20px; }
.form-group label { display: block; margin-bottom: 8px; font-weight: 500; color: var(--dark); font-size: 0.95rem; }

.form-control { 
    width: 100%; padding: 12px 16px; border: 2px solid #eee; 
    border-radius: var(--radius); font-size: 1rem; transition: var(--transition); 
    background: #fff; color: var(--dark); font-family: 'Outfit', sans-serif;
}
.form-control:focus { 
    border-color: var(--primary); outline: none; background: var(--white); 
    box-shadow: 0 0 0 4px rgba(255, 107, 107, 0.1); 
}
textarea.form-control { resize: vertical; min-height: 100px; }