/* ============================================================================
 * newsyemen-tokens.css — طبقة هوية نيوزيمن فوق نظام tokens في main.css
 *
 * لا تعيد تعريف بنية ولا تخطيطاً — فقط القيم الدلالية (ألوان/خطوط) التي يبني
 * عليها main.css كاملَ الموقع عبر 1,334 استخدام var(). تغيير هذه المتغيرات
 * يعيد تلوين كل عنصر تلقائياً.
 *
 * الهوية (مستخرجة من app.rtl.css الأصلي لنيوزيمن):
 *   الكحلي الأساسي  #072446   ·  الكحلي الأغمق  #072f52 → #041a2e
 *   الأحمر (شعار/عاجل)  #e3342f
 *   الخط: GE_SS_Two (متن) — الخط الفعلي في التصميم الحي، محمّل محلياً
 *
 * يُحمّل بعد main.css مباشرة فيفوز في التتالي.
 * ========================================================================== */

/* ── خطوط نيوزيمن المحلية ──────────────────────────────────────────────── */
@font-face {
    font-family: 'GE_SS_Two';
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/GE_SS_Two_Light.woff2')  format('woff2'),
         url('/assets/fonts/GE_SS_Two_Light.woff')   format('woff');
}
@font-face {
    font-family: 'GE_SS_Two';
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/GE_SS_Two_Medium.woff2') format('woff2'),
         url('/assets/fonts/GE_SS_Two_Medium.woff')  format('woff');
}
/* خط العناوين العريضة (اختياري — DIN للعناوين الكبيرة كما في الأصل) */
@font-face {
    font-family: 'DIN-Arabic';
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/DIN-Next-LT-Arabic-Bold.ttf') format('truetype');
}

/* ── إعادة تعريف الهوية (الوضع الفاتح — مطابق للأصل) ──────────────────── */
:root {
    /* خلفية الصفحة: أبيض كامل كما الأصل (زامن كانت #f7f9f7) */
    --color-bg:            #ffffff;

    /* اللون الأساسي: كحلي نيوزيمن بدل أخضر زامن */
    --color-primary:       #072f52;
    --color-primary-light: #0a3d6b;
    --color-primary-dark:  #072446;
    --color-primary-xdark: #041a2e;

    /* اللمسة: أحمر نيوزيمن (كان ذهبياً في زامن) */
    --color-accent:        #e3342f;
    --color-accent-light:  #f05650;
    --color-accent-dark:   #c02722;

    /* الشريط العلوي والترويسة */
    --color-bg-topbar:     #041a2e;
    --color-bg-header:     #072446;

    /* الروابط */
    --color-link:          #072f52;
    --color-link-hover:    #e3342f;

    /* الشريط العاجل — أحمر نيوزيمن */
    --color-breaking:      #e3342f;
    --color-breaking-dark: #c02722;

    /* التدرّج (يُستخدم في عناصر الترويسة والأبطال) */
    --gradient-primary:    linear-gradient(135deg, #041a2e 0%, #072446 55%, #0a3d6b 100%);

    /* الخط الأساسي: خط نيوزيمن الفعلي */
    --font-primary: 'GE_SS_Two', 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
    --font-headings: 'DIN-Arabic', 'GE_SS_Two', sans-serif;
}

/* theme.css (Tailwind المجمّع) يلوّن body بخلفية «ورقية» بيج + تدرج شعاعي —
 * الأصل أبيض نقي، فنفرضه هنا (الملف يُحمَّل بعد theme.css فيفوز). */
body {
    background-color: var(--color-bg, #ffffff) !important;
    background-image: none !important;
}

/* main.css يكتب 'Tajawal' صراحةً على body (لا var())، فنفرض خط نيوزيمن هنا.
 * line-height ≥ 1.4 للعربية (يمنع قصّ الهمزات والتشكيل). */
body,
.site-body,
button, input, select, textarea {
    font-family: var(--font-primary);
}
h1, h2, h3, .article-title, .news-title, .page-title, .card-title {
    font-family: var(--font-headings);
    line-height: 1.4;
}

/* ── لا وضع داكن ─────────────────────────────────────────────────────────
 * الأصل فاتح فقط، ومكوّنات النسخ الحرفي (عناوين متدرجة بخلفية بيضاء،
 * بطاقات، شرائط) مبنية على الأبيض — الوضع الداكن كان يكسرها فأُزيل
 * (2026-08-13). الصفحة تفرض المخطط الفاتح مهما كان تفضيل النظام. */
:root { color-scheme: light; }