/**
 * tokens.css — Tasarım sistemi değişkenleri (design tokens).
 *
 * Sadece :root üzerinde custom property tanımlar; hiçbir element/etiket
 * seçicisi (body, a, h1 vb.) İÇERMEZ — böylece henüz yeni bileşenlere
 * taşınmamış eski Bootstrap tabanlı bölümler bu dosyadan etkilenmez.
 *
 * Palet, kullanıcı isteği üzerine https://www.kahveoyun.com/ (sitenin
 * oyun motorunu sağlayan SkyOyun/kahveoyun.com — bkz. okey-oyna.html iframe)
 * sitesinin gerçek CSS'i (css/style.css, css/styles.css) incelenerek
 * çıkarıldı: imzası niteliğindeki koyu lacivert `#3f4361` (header/footer/panel
 * başlıkları), açık gri sayfa zemini `#eaeaea`, gri gövde metni `#666`, ve
 * anlamsal buton renkleri (success/info/danger/warning) birebir alındı. Bu,
 * "Taş Odası" sprintindeki krem/mürekkep temasının yerini aldı (kullanıcı
 * kararı) — ayrıca kahveoyun.com'un kendisi oyunu barındıran iframe'in
 * gerçek arayüzü olduğu için, marka geçişi artık daha tutarlı.
 *
 * Yazı tipi: kahveoyun.com Google Fonts üzerinden Roboto yüklüyor. Projenin
 * "yeni webfont/ağ isteği yok" kuralı gereği aynı dosyayı indirmiyoruz;
 * bunun yerine `--font-sans` yığınına Roboto'yu İLK sıraya koyduk — Roboto
 * zaten kurulu olan cihazlarda (Android, ChromeOS, birçok güncel Linux/
 * Windows) gerçek Roboto kullanılır, olmayan cihazlarda sistem fontuna
 * sorunsuz düşer. Ayrı bir `--font-display` (serif) katmanı kaldırıldı —
 * kahveoyun.com başlıklarda da aynı sans-serif'i kalın ağırlıkla kullanıyor,
 * ayrı bir başlık fontu yok.
 */

:root {
    /* Renkler — nötr */
    --color-ink-900: #333333;
    --color-ink-700: #666666;
    --color-surface-0: #FFFFFF;
    --color-surface-50: #EAEAEA;
    --color-line-200: #DBDBDB;
    --color-on-dark: #FFFFFF;
    --color-on-dark-muted: rgba(255, 255, 255, 0.7);

    /* Renkler — marka (kahveoyun.com'un imza koyu lacivert tonu) */
    --color-accent-600: #3F4361;
    --color-accent-700: #33364E;

    /* Renkler — anlamsal vurgular (kahveoyun.com'un success/info/danger/warning renkleri) */
    --color-tile-green: #4CAF50;
    --color-tile-green-dark: #388E3C;
    --color-tile-blue: #2196F3;
    --color-tile-red: #F44336;
    --color-tile-orange: #FF9800;

    /* Tipografi (Roboto ilk sırada — kurulu değilse ek ağ isteği olmadan sistem fontuna düşer) */
    --font-sans: Roboto, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;

    /* Boşluk sistemi (8px temelli) */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 16px;
    --space-4: 24px;
    --space-5: 32px;
    --space-6: 48px;

    /* Border radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* Gölge */
    --shadow-sm: 0 1px 3px rgba(51, 51, 51, 0.10);
    --shadow-md: 0 8px 24px rgba(51, 51, 51, 0.12);

    /* Header'a özel ölçüler */
    --header-height: 72px;
    --header-height-scrolled: 56px;
    --header-z: 1000;
}