/*
 * Sitenin tek tasarım token kaynağı.
 *
 * Hem ortak layout (layouts/main.html) hem de kendi <head>'ini kuran tam sayfa
 * ekranlar (listing/wizard.html) bu dosyayı yükler. Renk/gölge değerleri başka
 * hiçbir yerde yeniden tanımlanmaz; aksi halde ekranlar zamanla birbirinden
 * ayrışır ve wizard'da olduğu gibi "başka bir siteden" hissi oluşur.
 */
:root {
    --primary: #1a56db;
    --primary-dark: #1341a8;
    /* Mavi vurgu yüzeyleri: rozetler, seçili kartlar, ikon kutuları. */
    --primary-soft: #dbeafe;
    --primary-ink: #1d4ed8;

    --surface: #f8fafc;
    --surface-raised: #ffffff;
    --surface-subtle: #f1f5f9;
    --border: #e2e8f0;
    --border-strong: #cbd5e1;

    /* Gövde metni ve en koyu yüzey (navbar, footer, fiyat, başlık). */
    --ink: #1e293b;
    --ink-strong: #0f172a;
    --text-muted: #64748b;
    --ink-soft: #475569;

    --success-soft: #d1fae5;
    --success-ink: #065f46;
    --warning-soft: #fef3c7;
    --warning-ink: #92400e;
    --danger-soft: #fee2e2;
    --danger-ink: #991b1b;
    /* "Satıldı" rozeti; diğer durum renklerinden ayrışsın diye mor. */
    --sold-soft: #ede9fe;
    --sold-ink: #5b21b6;
    /* Zorunlu alan yıldızı ve uyarı ikonları — `--danger-ink`'ten parlak. */
    --danger: #dc2626;
    --on-dark: #ffffff;
    /* Koyu zeminde ikincil metin: navbar bağlantıları, admin kenar çubuğu. */
    --on-dark-muted: rgba(255, 255, 255, .75);
    /* Footer metni: navbar bağlantılarından daha sönük. Şablonların bugünkü değeri. */
    --on-dark-faint: rgba(255, 255, 255, .5);
    --on-dark-border: rgba(255, 255, 255, .1);
    --focus-ring: rgba(26, 86, 219, .14);

    /* VIP yüzeyleri (süpervizör grup/kullanıcı ekranları). */
    --gold: #b45309;
    /* Ana sayfa birincil CTA'sı; mavi butonlardan ayrışsın diye. */
    --accent: #f59e0b;

    --card-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);
    --card-shadow-hover: 0 10px 25px rgba(0, 0, 0, .12), 0 4px 10px rgba(0, 0, 0, .08);
    /* Açılır menü gibi yüzen katmanlar; kart hover'ından daha sade. */
    --overlay-shadow: 0 10px 25px rgba(0, 0, 0, .12);
}