/* =====================================================================
   theme-base — رموز التصميم للثيمات الثلاثة (النافذة F)
   يُحمَّل بعد app.css (ترتيب أبجدي في modules/)، فيتجاوز رموزه.
   ⚠️ أي رمز تضيفه هنا أضفه في الثيمات الثلاثة — الاختبار يفحص ذلك.
   اللوحة: أزرق واثق + برتقالي دافئ للأسعار والتمييز. بلا بنفسجي، بلا تدرّجات.
   ===================================================================== */

:root,
:root[data-theme="light"] {
    --bg:            #f6f7f9;
    --bg-elev:       #ffffff;
    --surface:       #ffffff;
    --surface-2:     #eef1f5;
    --border:        #e3e7ed;
    --border-strong: #cdd4de;
    --text:          #0f1621;
    --text-dim:      #5a6475;
    --primary:       #0e6bff;
    --primary-2:     #0a57d0;   /* نفس اللون أغمق — يجعل تدرّجات app.css القديمة شبه مسطّحة */
    --primary-hover: #0a57d0;
    --primary-soft:  #e6efff;
    --primary-ct:    #ffffff;
    --accent:        #ff7a1a;
    --accent-soft:   #fff1e6;
    --ok:            #138a55;
    --ok-soft:       #e3f6ec;
    --danger:        #d93a3f;
    --ring:          rgba(14, 107, 255, .35);
    --shadow:        0 1px 2px rgba(15, 22, 33, .04), 0 4px 16px rgba(15, 22, 33, .06);
    --shadow-lg:     0 2px 4px rgba(15, 22, 33, .04), 0 16px 40px rgba(15, 22, 33, .10);
    --radius:        12px;
    --radius-sm:     8px;
    --radius-lg:     18px;
    color-scheme: light;
}

:root[data-theme="dark"] {
    --bg:            #0c1017;
    --bg-elev:       #121822;
    --surface:       #141a24;
    --surface-2:     #1a2230;
    --border:        #222c3a;
    --border-strong: #2f3b4d;
    --text:          #e6ebf2;
    --text-dim:      #93a0b2;
    --primary:       #2e86ff;
    --primary-2:     #1f6fe0;
    --primary-hover: #4d98ff;
    --primary-soft:  #11233f;
    --primary-ct:    #ffffff;
    --accent:        #ff8a3d;
    --accent-soft:   #2a1a0e;
    --ok:            #3ccf8e;
    --ok-soft:       #0f2a1f;
    --danger:        #ff6b6f;
    --ring:          rgba(46, 134, 255, .45);
    --shadow:        0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .28);
    --shadow-lg:     0 2px 4px rgba(0, 0, 0, .3), 0 18px 44px rgba(0, 0, 0, .4);
    --radius:        12px;
    --radius-sm:     8px;
    --radius-lg:     18px;
    color-scheme: dark;
}

/* الليلي: أغمق وأدفأ وأقلّ تبايناً، لراحة العين في الظلام */
:root[data-theme="night"] {
    --bg:            #04060a;
    --bg-elev:       #080b11;
    --surface:       #0a0e15;
    --surface-2:     #0f141d;
    --border:        #161d28;
    --border-strong: #222b38;
    --text:          #c6ceda;
    --text-dim:      #78828f;
    --primary:       #2563d6;
    --primary-2:     #1d54b8;
    --primary-hover: #3373e6;
    --primary-soft:  #0b1730;
    --primary-ct:    #eef2f8;
    --accent:        #e0701a;
    --accent-soft:   #1f1308;
    --ok:            #2fa872;
    --ok-soft:       #0a1f16;
    --danger:        #e05a5e;
    --ring:          rgba(37, 99, 214, .45);
    --shadow:        0 1px 2px rgba(0, 0, 0, .5), 0 6px 20px rgba(0, 0, 0, .45);
    --shadow-lg:     0 2px 4px rgba(0, 0, 0, .5), 0 18px 44px rgba(0, 0, 0, .6);
    --radius:        12px;
    --radius-sm:     8px;
    --radius-lg:     18px;
    color-scheme: dark;
}

/* ===== طباعة ===== */
body {
    font-size: 16px;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1;
}
h1, h2, h3 { line-height: 1.25; letter-spacing: -.01em; }
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3 { letter-spacing: 0; }   /* التباعد يكسر وصل الحروف العربية */
::selection { background: var(--primary); color: var(--primary-ct); }

/* ===== وصولية: تركيز مرئي بلوحة المفاتيح فقط ===== */
:focus { outline: none; }
:focus-visible {
    outline: 2px solid var(--primary);
    outline-offset: 2px;
    border-radius: 6px;
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
        scroll-behavior: auto !important;
    }
}