/* Base */
.card-img-top { object-fit: cover; height: 220px; }
footer .list-unstyled li { margin-bottom: .25rem; }


/* زر التبديل */
#theme-toggle { padding: 6px 10px; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; }
.navbar-dark #theme-toggle { border-color: rgba(255,255,255,.3); color: #fff; }

/* متغيرات الضوء/الظلام */
:root{
  --bg:#ffffff; --fg:#111827;
  --card:#ffffff; --card-border:#e5e7eb;
  --nav:#ffffff; --footer:#0f172a;
}
html.dark{
  --bg:#0b0f1a; --fg:#e5e7eb;
  --card:#111827; --card-border:#1f2937;
  --nav:#0b0f1a; --footer:#0b0f1a;
}

/* تطبيق المتغيرات */
body{ background:var(--bg); color:var(--fg); }
.card{ background:var(--card)!important; border-color:var(--card-border)!important; color:var(--fg)!important; }
.navbar{ background:var(--nav)!important; }
footer{ background:var(--footer)!important; color:var(--fg)!important; }
a{ color:inherit; }