/* الوضع الليلي */
body.dark-theme {
  --primary-color: #8ab4f8;
  --bg-color: #202124;
  --text-color: #e8eaed;
  --card-bg: #2d2e30;
  --card-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --header-bg: #2d2e30;
  --input-bg: #2d2e30;
  --border-color: #5f6368;
  
  /* ألوان الملاحظات في الوضع الليلي */
  --color-default: #2d2e30;
  --color-red: #5c2b29;
  --color-orange: #614a19;
  --color-yellow: #635d19;
  --color-green: #345920;
  --color-blue: #16504b;
  --color-purple: #42275e;
}

/* أنيميشن تبديل الوضع */
.theme-transition {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* أيقونات الوضع */
.theme-icon.light-icon::before {
  content: "\f186"; /* أيقونة القمر */
}

.theme-icon.dark-icon::before {
  content: "\f185"; /* أيقونة الشمس */
}