/*
    wallpuz tasarım değişkenleri.
    Renk ve boşluk değerleri yalnızca burada tanımlanır; component'ler
    doğrudan renk kodu yazmaz. Tema değişimi tek dosyadan yapılabilir.
*/

:root {
    color-scheme: dark;

    /* Yüzeyler */
    --wz-bg: #121212;
    --wz-surface: #262626;
    --wz-surface-raised: #1c1c1c;
    --wz-border: #333333;

    /* Yer tutucu — görsel inene kadar duran zemin. Boş kutu yerine "bir şey
       geliyor" hissi vermesi için iki tonlu. */
    --wz-placeholder: #232323;
    --wz-placeholder-highlight: #2f2f2f;

    /* Metin */
    --wz-text: #f1f1f1;
    --wz-text-muted: #94a3b8;
    --wz-heading: #e2e8f0;

    /* Vurgu */
    --wz-accent: #0284c7;
    --wz-accent-hover: #0369a1;
    --wz-neutral: #475569;
    --wz-neutral-hover: #64748b;
    --wz-success: #16a34a;
    --wz-danger: #f87171;
    --wz-danger-surface: #2a1414;
    --wz-on-accent: #ffffff;

    /* Okunabilirlik zeminleri — açık görsellerin üzerindeki yazı ve rozetler
       okunur kalsın diye kullanılan yarı saydam koyu katmanlar. */
    --wz-scrim: rgba(0, 0, 0, 0.75);
    --wz-scrim-soft: rgba(0, 0, 0, 0.7);

    /* Biçim */
    --wz-radius: 12px;
    --wz-radius-sm: 6px;
    --wz-gap: 4px;
    --wz-shadow: 0 16px 36px rgba(0, 0, 0, 0.6);
    --wz-shadow-overlay: 0 0 20px rgba(0, 0, 0, 0.8);
    --wz-shadow-card: 0 8px 20px rgba(0, 0, 0, 0.45);
}