/* ==== Root Variables ==== */
:root {
  --primary-color: #BCFB6C;
  --accent-color: #a5e85a;
  --bg-color: #121212;
  --dark-bg: #121212;
  --gray-color: #121212;

  --text-color: #BCFB6C;
  --light-text: #F5F4F4;

  --transition-speed: 0.3s;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Alexandria', sans-serif;
  background-color: #121212;
  color: var(--text-color);
  transition: background-color var(--transition-speed), color var(--transition-speed);
}

body[dir="rtl"] {
  font-family: 'Alexandria', 'Tahoma', sans-serif;
}

h2, h4, h5 {
  font-weight: 700;
}