@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;700&display=swap');

html,
body {
  background: var(--bg);
  color: var(--text);
  overflow-x: hidden;
  font-family: 'Noto Sans Arabic';

  @include Scrollbar();
  direction: rtl;
  padding: 0;
  margin: 0;
}

* {
  padding: 0;
  margin: 0;
  font-weight: 600;
  // line-height: normal;
  // font-size: 16px;
}
p {
  font-weight: normal;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  padding: 0;
  margin: 0;
}

a {
  color: inherit;
  text-decoration: none !important;
  cursor: pointer;
}

button,
svg {
  cursor: pointer;
}

i {
  @include Flex;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px var(--bg) inset !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--text);
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232329;
}

button {
  cursor: pointer;
  transition: 0.5s ease-in-out;
  &:hover {
    scale: 1.02;
  }
}

svg,
.scale {
  cursor: pointer;
  transition: 0.5s ease-in-out;
  &:hover {
    scale: 1.1;
  }
}
