:root {
  --primary-color: #0066CC;   /* الأزرق الملكي */
  --secondary-color: #3399FF; /* الأزرق الفاتح */
  --background-color: #FFFFFF; /* الخلفية */
  --text-color: #222222;       /* الخط الأساسي */
  --text-secondary: #666666;   /* الخط الثانوي */
  --button-color: #0099FF;     /* الأزرار */
  --hover-color: #004C99;      /* عند المرور */
  --link-color: #007ACC;       /* الروابط */
  --success-color: #28A745;    /* النجاح */
  --error-color: #CC3333;      /* الخطأ */
}
body {
  background-color: var(--background-color);
  color: var(--text-color);
}
a {
  color: var(--link-color);
}
a:hover {
  color: var(--hover-color);
}
button,
.btn {
  background-color: var(--button-color);
  color: #fff;
}
button:hover,
.btn:hover {
  background-color: var(--hover-color);
}