@font-face {
  font-family: 'Qahwa Arabic';
  src: url('fonts/Qahwa-Arabic.otf') format('opentype');
}

@font-face {
  font-family: 'IBMPlexArabic';
  src: url('fonts/IBMPlexArabic.ttf') format('truetype');
}

:root {
  --green: #38726c;
  --orange: #fca311;
  --teal: #4ecdc4;
  --red: #e94f37;
  --navy: #001f3f;
  --bej: #f6efe4;
  --brik: #b96414;
  --blue: #0a719e;
  --blue-gray: #66859f;
  --abyad: #f7fff7;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  scroll-behavior: smooth;
}
/* إخفاء scrollbar لكل المتصفحات */
* {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE and Edge */
}

*::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
}

/* أو إذا بدك تخفيها فقط من الـ body/main */
body, main, #content {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar,
main::-webkit-scrollbar,
#content::-webkit-scrollbar {
    display: none;
}


body {
  font-family: 'IBMPlexArabic', sans-serif;
  color: var(--navy);
  background-color: var(--abyad);
  background-size: cover;  
  background-repeat: no-repeat;
  background-position: top; 
  background-attachment: scroll; 
}

h1, h2, h3 {
  font-family: 'Qahwa Arabic', serif;
}

/* عناصر النماذج لا ترث الخط افتراضياً — نفرض IBMPlexArabic */
input, textarea, select, button, option {
  font-family: 'IBMPlexArabic', sans-serif;
}

/* لون تركيز متناسق مع المشروع (بدل الإطار الأسود الافتراضي) */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--green) !important;
  box-shadow: 0 0 0 3px rgba(56, 114, 108, 0.20);
}