:root {
  --forest-green: #054239;
  --wheat-gold: #988561;
  --charcoal-black: #1d1d1b;
  --light-bg: #f8f9fa;
  --top-bar-color: #b9a779;
  --logo-bg-color: #dcfff8;
}

/* إعدادات الوضع الليلي */
[data-bs-theme="dark"] {
  --forest-green: #428177; /* أخضر أفتح قليلاً ليتناسب مع الخلفية الداكنة */
  --wheat-gold: #b9a779; /* ذهبي أكثر إشراقاً */
  --charcoal-black: #e0e0e0; /* نصوص فاتحة */
  --light-bg: #121212; /* خلفية داكنة جداً */

  --bs-body-bg: #121212;
  --bs-body-color: #e0e0e0;
  --bs-light-rgb: 33, 37, 41; /* يجعل bg-light تظهر بلون داكن تلقائياً */
  --bs-secondary-color: #adb5bd;
  --bs-emphasis-color: #ffffff;

  --top-bar-color: #988561;
  --logo-bg-color: #00604d;
}

body {
  font-family: "Tajawal", sans-serif;
  background-color: var(--light-bg);
  color: var(--charcoal-black);
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.bg-primary,
.btn-primary {
  background-color: var(--forest-green) !important;
  border-color: var(--forest-green) !important;
  color: #ffffff !important;
}

.text-primary {
  color: var(--forest-green) !important;
}

.text-light {
  color: var(--light-bg) !important;
}
.text-dark {
  color: var(--charcoal-black) !important;
}
.text-always-dark {
  color: #1d1d1b !important;
}
.btn-primary:hover {
  background-color: #00403a !important;
  border-color: #00403a !important;
}

.bg-dark,
.btn-dark {
  background-color: var(--charcoal-black) !important;
  border-color: var(--charcoal-black) !important;
}

.top-bar {
  background-color: var(--top-bar-color);
  height: 5px;
  width: 100%;
}

.card-header.bg-primary {
  border-bottom: 4px solid var(--wheat-gold);
}

.navbar-brand {
  font-weight: 700;
  letter-spacing: 0.5px;
}

.table-dark {
  background-color: var(--charcoal-black) !important;
}

.bg-success {
  background-color: #3b6e3b !important;
}
.bg-info {
  background-color: #5a6b8a !important;
}
.border-success {
  border-color: #3b6e3b !important;
}
.border-danger {
  border-color: #9e1b32 !important;
}

/* تنسيق زر التبديل بين الوضعين */
.theme-toggle {
  border: 1px solid var(--wheat-gold);
  color: var(--wheat-gold);
  background: transparent;
  padding: 5px 10px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s;
}
.theme-toggle:hover {
  background: var(--wheat-gold);
  color: var(--charcoal-black);
}

/* خلفية الأرقام الثنائية */
/* خلفية الأرقام الثنائية (تأثير ماتريكس عمودي) */
.binary-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;

  /* توزيع الأرقام في أعمدة عمودية */
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;

  /* التلاشي من الأعلى (واضح) إلى الأسفل (يتلاشى) */
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 70%);
  mask-image: linear-gradient(to bottom, black 0%, transparent 70%);
}

.binary-bg span {
  font-family: "Consolas", monospace;
  font-size: 50px;
  font-weight: bold;
  color: var(--forest-green);
  opacity: 0.03; /* رفعنا الشفافية ليكون واضحاً */
  text-shadow: 0 0 8px rgba(0, 38, 35, 0.3); /* توهج خفيف */
}

/* تعديل الألوان في الوضع الليلي */
[data-bs-theme="dark"] .binary-bg span {
  color: var(--wheat-gold);
  opacity: 0.03; /* أرقام مضيئة أكثر في الليل */
  text-shadow: 0 0 10px rgba(194, 171, 120, 0.4);
}

/* منع سحب أو نسخ الشعار */
img[src*="icon-"] {
    pointer-events: none;
    -webkit-user-drag: none;
    user-drag: none;

}