:root {
  --primary-color: #012b81; /* آبی تیره (جایگزین آبی نفتی) */
  --secondary-color: #004adf; /* آبی روشن (جایگزین نارنجی) */
  --accent-color: #f0f8ff; /* یک آبی خیلی روشن برای تعادل (مانند LightCyan) */
  --neutral-dark: #333333; /* خاکستری زغالی تیره برای متن‌ها */
  --neutral-light: #ECECEC; /* خاکستری بسیار روشن برای پس‌زمینه کم رنگ */
  --warning-color: #FF4040; /* قرمز مرجانی */
  --success-color: #50C878; /* سبز روشن */
  --section3-color:#16294f;/* آبی خیلی تیره */
  --section7-color:#2b2b2b;
 }

.section1 {
  background: var(--primary-color); /* آبی تیره */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.section2 {
  background: var(--secondary-color); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
  background: url(../../../images/sardabir/ramezan.png) no-repeat center center #004adf;
}
}

.section3 {
  background: var(--neutral-dark); /* آبی تیره */
  color: var(--section3-color); /* آبی خیلی روشن */
}

.section7 {
  background: var(--section7-color); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.subnav.parent:after {
  color: var(--secondary-color); /* آبی روشن */
}

.social ul li a {
  background: var(--secondary-color); /* آبی روشن */
  color: var(--neutral-light); /* خاکستری روشن */
}

.social ul li a:hover {
  background: var(--neutral-dark); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.awesomplete input {
  background: var(--neutral-light); /* خاکستری بسیار روشن */
  border: 1px solid var(--neutral-dark); /* خاکستری زغالی */
  color: var(--neutral-dark); /* متن تیره */
}

.mod-finder__search .awesomplete input[type=text]:focus {
  background: var(--accent-color); /* آبی خیلی روشن */
  box-shadow: 0 0 0 2px var(--secondary-color); /* آبی روشن */
}

.aso-div h3 {
  color: var(--secondary-color); /* آبی روشن */
}

.aso-gray h3 {
  background-color: var(--neutral-dark); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.section8 {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%); /* گرادیانت آبی تیره به آبی روشن */
}

.aso-line h3:after {
  background: var(--secondary-color) !important; /* آبی روشن */
}

.mod-tagspopular ul li a {
  background: var(--neutral-dark); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.mod-tagspopular ul li a:hover {
  background: var(--secondary-color); /* آبی روشن */
  color: var(--neutral-dark); /* خاکستری تیره */
}

#btn-back-to-top {
  background: var(--secondary-color); /* آبی روشن */
  color: var(--neutral-light); /* خاکستری روشن */
}

#btn-back-to-top:hover {
  background: var(--primary-color); /* آبی تیره */
  color: var(--accent-color); /* آبی خیلی روشن */
}

.footer {
  background: var(--secondary-color); /* خاکستری زغالی */
  color: var(--accent-color); /* آبی خیلی روشن */
  border-top: 2px solid var(--secondary-color); /* آبی روشن */
}

.footer a {
  color: var(--secondary-color); /* آبی روشن */
}

.footer a:hover {
  color: var(--accent-color); /* آبی خیلی روشن */
}