* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  min-height: 100vh;
  min-height: 100dvh;
  font-family: "Noto Sans Arabic", "Tajawal", Arial, sans-serif;
  background: linear-gradient(180deg, var(--color-bg), var(--color-primary));
  color: var(--color-text);
}

body {
  direction: rtl;
}

button,
select,
input {
  font: inherit;
}

.hidden {
  display: none !important;
}