@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/ibm-plex-sans-arabic-400.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/ibm-plex-sans-arabic-500.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/ibm-plex-sans-arabic-600.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "IBM Plex Sans Arabic";
  src: url("../fonts/ibm-plex-sans-arabic-700.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-400.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-500.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-600.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "DM Sans";
  src: url("../fonts/dm-sans-700.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  --ink: #09141b;
  --ink-deep: #050b0f;
  --navy: #102a38;
  --pearl: #f5f1e8;
  --sand: #d9d0c1;
  --copper: #b87945;
  --copper-light: #d9ab75;
  --teal: #1d7d78;
  --slate: #aeb9bb;
  --white: #ffffff;
  --line: rgba(245, 241, 232, .17);
  --glass: rgba(16, 42, 56, .46);
  --font-ar: "IBM Plex Sans Arabic", Tahoma, Arial, sans-serif;
  --font-latin: "DM Sans", Arial, sans-serif;
  --container: min(1280px, calc(100% - 96px));
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow-deep: 0 26px 70px rgba(0, 0, 0, .34);
}