/* Dosya Konumu: css/style.css */

:root {
    --bg-body: #0b0d11;      
    --bg-content: #12151b;
    --bg-input: #181c24;
    --accent: #00cfc8;
    --border: #1b2028;
    --text-main: #ffffff;
    --text-muted: #808792;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
    background-color: var(--bg-body);
    color: var(--text-main);
    font-family: 'Inter', sans-serif;
    display: flex;
    justify-content: center;
    /* Üstten ve alttan 20px boşluk bırakarak çerçeve hissi verir */
    padding: 20px 0; 
    min-height: 100vh;
}

/* Tüm Sayfayı Tutan Ana Kutu */
.wrapper {
    width: 100%;
    max-width: 1340px; 
    display: flex;
    flex-wrap: wrap; 
    background-color: var(--bg-content);
    /* Ekrandaki dikey boşluğu (20+20=40px) düşerek scroll çıkmasını engeller */
    min-height: calc(100vh - 40px); 
    /* Dört tarafı da border ile çevrelendi */
    border: 1px solid var(--border); 
    border-radius: 8px; /* Köşeleri hafif yumuşatmak profesyonel gösterir */
    overflow: hidden;
}

/* Ana İçerik Gövdesi */
main {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; 
}

.content-body {
    padding: 25px 30px;
}