body {
    margin: 0px;
    --bg: #000000;
    --menu: rgba(20, 20, 20, 0.9);
    --card: rgba(30, 30, 30, 0.85);
    --card2: rgba(25, 25, 25, 0.88);
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    background-size: 100%;
    --color: #FFFFFF;
    background: var(--bg);
    background-attachment: fixed;
    font-family: 'Rajdhani', sans-serif;
    color: #E0E0E0;
    background-size: 100% 100%;
}

/* ---- Tema değişkenleri: dark ----
   Arka plan   → tema_art.css (görsel + overlay)
   Yüzeyler    → sponsor-skin.css (kart, popup, header butonları, logo bandı)
   Vurgu       → kategori başlık hapları, taç, footer, KAPAT hapı */
:root {
    /* arka plan */
    --art-img: url("../img/bg/tema_dark.webp");
    --art-base-1: #0c0d12;
    --art-base-2: #000000;

    /* vurgu */
    --tema-accent: #d4d4d8;

    /* yüzeyler */
    --sf-0: #161616;
    --sf-1: #1c1c1c;
    --sf-2: #111111;
    --line: rgba(252, 231, 194, .09);
}