/* CodeLearn — طبقة تنسيق تكميلية فقط.
   كل تنسيق المكوّنات يتم عبر Tailwind CSS (CDN) داخل index.html،
   هذا الملف يغطي فقط ما لا تستطيع Tailwind فعله بدون بناء: الخطوط وشريط التمرير. */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap');

html {
    scroll-behavior: smooth;
}

/* شريط تمرير داكن متناسق مع هوية الموقع (Chrome / Edge / Safari) */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #0a0e17;
}

::-webkit-scrollbar-thumb {
    background: #232c3f;
    border-radius: 999px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #f5a623;
    }

/* Firefox */
* {
    scrollbar-color: #232c3f #0a0e17;
    scrollbar-width: thin;
}