/*
 * typography.css — الخطوط والأحجام
 * ===================================
 * عدّل هنا لتغيير:
 * - حجم الخط الأساسي
 * - الخط المستخدم
 * - أوزان الخطوط
 * ===================================
 */

/* ── استيراد خط Tajawal ── */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800;900&display=swap');

/* ── Reset أساسي ── */
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ── الجذر ── */
html, body {
    height: 100%;
    overflow: hidden;
    font-family: var(--font);
    background: var(--bg);
    color: var(--t);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background .3s, color .3s;
    overflow-x: hidden !important;
}

/* ── أحجام الخطوط الأساسية ── */
:root {
    --fs-xs:   .60rem;   /* 9.6px  — labels خافتة */
    --fs-sm:   .68rem;   /* 10.9px — metadata */
    --fs-base: .78rem;   /* 12.5px — نص عادي */
    --fs-md:   .88rem;   /* 14px   — نص أساسي */
    --fs-lg:   1rem;     /* 16px   — عناوين صغيرة */
    --fs-xl:   1.15rem;  /* 18.4px — عناوين */
    --fs-2xl:  1.4rem;   /* 22.4px — أرقام كبيرة */
    --fs-3xl:  1.8rem;   /* 28.8px — قيم بارزة */
}