/* 
   01 — DESIGN VARIABLES

    Proje değerleri burada.
    Yazı tipleri, renkler, maksimum genişlikler vb.
   Buradaki bir değeri değiştirmek tüm web sitesini etkileyebilir.
 */

:root {

    /* ---------- FONT FAMILIES ---------- */

    --font-serif: "Libre Baskerville", serif;
    --font-sans: "Outfit", sans-serif;
    --font-mono: "DM Mono", monospace;


    /* ---------- COLORS ---------- */

    --color-background: #f7f6f2;
    --color-text: #111111;
    --color-muted: #111111;
    --color-border: #dedbd4;
    --color-white: #ffffff;
    --color-card-header: #F0EFEA;
    --color-text-gray: #767676;


    /* ---------- LAYOUT ---------- */

    --page-padding: 56px;
    --content-width: 1180px;

}



/*    02 — BASIC RESET
    Beklenmedik boşluklara yol açabilen tarayıcı varsayılan stillerini kaldırır. 
    Intten bak.   
 */

* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {

    margin: 0;

    background-color: var(--color-background);

    color: var(--color-text);

    font-family: var(--font-sans);

}


a {

    color: inherit;

    text-decoration: none;

}


img {

    display: block;

}



/*
   TYPOGRAPHY SYSTEM

    Bunlar, yeniden kullanılabilir tipografi sınıflarıdır.
   Tek bir yazı tipi boyutunu doğrudan belirli bir öğeye
   bağlamak yerine, yeniden kullanılabilir metin stilleri oluşturuyoruz.
   
 */


/* Small DM Mono
   kullanılan yer logo / initials */

.text-mono-small {

    font-family: var(--font-mono);

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}


/* Very small DM Mono
   kullan status information ve scroll */

.text-mono-meta {

    font-family: var(--font-mono);

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 0.08em;

    text-transform: uppercase;

}


/* Standard body copy
   kullanılan Outfit */

.body-text {

    margin: 0;

    font-family: var(--font-sans);

    font-size: 16px;

    font-weight: 300;

    line-height: 1.55;

}


.body-text strong {

    font-weight: 600;

}