/* theme.css — نظام التصميم عبر متغيرات CSS (وضع فاتح/داكن حقيقي، لا filter:invert). */

/* ── خط SF Arabic مستضاف محلياً (بلا اعتماد خارجي) ── */
@font-face { font-family: 'SF Arabic'; font-weight: 400; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-regular.woff2') format('woff2'), url('../fonts/sf-arabic-regular.ttf') format('truetype'); }
@font-face { font-family: 'SF Arabic'; font-weight: 500; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-medium.woff2') format('woff2'), url('../fonts/sf-arabic-medium.ttf') format('truetype'); }
@font-face { font-family: 'SF Arabic'; font-weight: 600; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-semibold.woff2') format('woff2'), url('../fonts/sf-arabic-semibold.ttf') format('truetype'); }
@font-face { font-family: 'SF Arabic'; font-weight: 700; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-bold.woff2') format('woff2'), url('../fonts/sf-arabic-bold.ttf') format('truetype'); }
@font-face { font-family: 'SF Arabic'; font-weight: 800; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-heavy.woff2') format('woff2'), url('../fonts/sf-arabic-heavy.ttf') format('truetype'); }
@font-face { font-family: 'SF Arabic'; font-weight: 900; font-style: normal; font-display: swap;
    src: url('../fonts/sf-arabic-black.woff2') format('woff2'), url('../fonts/sf-arabic-black.ttf') format('truetype'); }

:root {
    /* الألوان الأساسية — أحمر العلامة التجارية (Deep Learning) */
    --primary:        #E4002B;   /* أحمر اللوجو */
    --primary-600:    #C10024;
    --primary-700:    #99001C;
    --primary-soft:   #ffe1e6;
    --secondary:      #4f46e5;   /* indigo-600 */
    --secondary-soft: #e0e7ff;
    --danger:         #e11d48;   /* rose-600 */
    --danger-soft:    #ffe4e6;
    --warning:        #d97706;   /* amber-600 */
    --warning-soft:   #fef3c7;
    --info:           #2563eb;
    --info-soft:      #dbeafe;
    --success:        #059669;

    /* الأسطح والخلفيات */
    --bg:             #f4f6f9;
    --surface:        #ffffff;
    --surface-2:      #f8fafc;
    --surface-3:      #f1f5f9;

    /* النصوص */
    --text:           #0f172a;
    --text-muted:     #64748b;
    --text-faint:     #94a3b8;
    --on-primary:     #ffffff;

    /* الحدود والظلال */
    --border:         #e2e8f0;
    --border-strong:  #cbd5e1;
    --shadow-sm:      0 1px 2px rgba(15, 23, 42, .06);
    --shadow:         0 4px 12px rgba(15, 23, 42, .08);
    --shadow-lg:      0 12px 32px rgba(15, 23, 42, .14);

    /* القياسات */
    --radius-sm: 8px;
    --radius:    12px;
    --radius-lg: 18px;
    --radius-xl: 24px;
    --topbar-h:  64px;
    --sidebar-w: 260px;
    --font:      'SF Arabic', 'Segoe UI', Tahoma, system-ui, sans-serif;
}

[data-theme="dark"] {
    --primary:        #ff5a6a;   /* أحمر فاتح للوضع الداكن */
    --primary-600:    #ff7b87;
    --primary-700:    #ff9ca5;
    --primary-soft:   #4a0e16;
    --secondary:      #818cf8;
    --secondary-soft: #312e81;
    --danger:         #fb7185;
    --danger-soft:    #4c1d24;
    --warning:        #fbbf24;
    --warning-soft:   #422006;
    --info:           #60a5fa;
    --info-soft:      #1e3a5f;
    --success:        #34d399;

    --bg:             #0b1220;
    --surface:        #131c2e;
    --surface-2:      #1a2437;
    --surface-3:      #232f47;

    --text:           #e6edf6;
    --text-muted:     #9fb0c6;
    --text-faint:     #6b7c93;
    --on-primary:     #2a0206;

    --border:         #263248;
    --border-strong:  #34435f;
    --shadow-sm:      0 1px 2px rgba(0, 0, 0, .4);
    --shadow:         0 4px 14px rgba(0, 0, 0, .45);
    --shadow-lg:      0 16px 40px rgba(0, 0, 0, .55);
}

/* منع وميض الثيم عند التبديل */
html { color-scheme: light dark; }
[data-theme="dark"] { color-scheme: dark; }