/* Cairo - ExtraLight (Weight 200) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/Cairo-ExtraLight.ttf') format('truetype');
}

/* Cairo - Light (Weight 300) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/Cairo-Light.ttf') format('truetype');
}

/* Cairo - Regular (Weight 400) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Cairo-Regular.ttf') format('truetype');
}

/* Cairo - Medium (Weight 500) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Cairo-Medium.ttf') format('truetype');
}

/* Cairo - SemiBold (Weight 600) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/Cairo-SemiBold.ttf') format('truetype');
}

/* Cairo - Bold (Weight 700) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Cairo-Bold.ttf') format('truetype');
}

/* Cairo - ExtraBold (Weight 800) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/Cairo-ExtraBold.ttf') format('truetype');
}

/* Cairo - Black (Weight 900) */
@font-face {
  font-display: swap;
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/Cairo-Black.ttf') format('truetype');
}


/* هذه القواعد تبقى كما هي لتطبيق الخط على الصفحة */
html {
  -webkit-text-size-adjust: 100%;
}

:root {
  --font-ui: "Cairo", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body, button, input, select, textarea {
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}