/* main.css */

/* ایمپورت‌ها – طبق استاندارد، همه @import ها باید قبل از هر قانون دیگری باشند */
@import url('variables.css');
@import url('layout.css');
@import url('components.css');
@import url('auth.css');

/* فونت و جهت کلی از طریق HTML کنترل می‌شود (dir="rtl" یا dir="ltr") */
html,
body {
  font-family: var(--font-family);
  font-size: var(--font-size-body);
  line-height: 1.6;
}

/* ریسپانسیو عمومی */
@media (max-width: 767px) {
  body {
    font-size: 14px;
  }
}