/* =====================================================================
   منصة التصنيف الجمركي — «Trade Desk Precision»
   بترولي عميق + زعفراني للإشارة + ورقي نظيف + IBM Plex + «ختم الكود».
   تصميم فقط — لا يمسّ أي منطق تشغيلي.
   ===================================================================== */
:root{
  color-scheme: light;

  /* الهوية — بترولي */
  --brand:#0C3B3C; --brand-600:#18514F; --brand-700:#0F4544; --brand-50:#EAF1F0; --brand-ink:#0C2E2E;
  --on-brand:#FFFFFF;

  /* اللون التشغيلي الأساسي = بترولي (يجعل أزرار الصفحات المعتمدة على tokens بترولية) */
  --accent:#0C3B3C; --accent-2:#18514F; --accent-hover:#18514F; --accent-press:#0A302F;
  --accent-soft:#EAF1F0; --accent-soft-2:#DCEAE8; --accent-line:#CDDDDB; --on-accent:#FFFFFF;

  /* الإشارة الزعفرانية (بانضباط: نتيجة/ختم/حالة نشطة دقيقة) */
  --gold:#E0A43B; --gold-2:#E8B254; --gold-deep:#B5821F; --gold-50:#FBF1DD; --gold-line:#EAD7AC;

  /* محايدات ورقية */
  --paper:#FAFAF7; --bg:#FAFAF7; --bg-2:#F4F5F2;
  --surface:#FFFFFF; --surface-2:#F4F5F2; --surface-3:#ECEEEA; --panel:#F4F5F2;
  --ink:#14181B; --ink-2:#2A3133; --muted:#5C6B6E; --muted-2:#8A9698;
  --line:#E6E7E2; --line-2:#DADBD5; --line-strong:#C9CBC3;

  /* حالات */
  --success:#1E7A52; --success-soft:#E4F2EB;
  --warning:#C2851C; --warning-soft:#FBF1DD;
  --danger:#C0392B;  --danger-soft:#FBEAE8;

  /* طباعة */
  --font:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
  --font-display:"IBM Plex Sans Arabic","Noto Sans Arabic","Segoe UI",Tahoma,sans-serif;
  --font-latin:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"Cascadia Code","Source Code Pro",Menlo,Consolas,monospace;

  /* مسافات (8px) */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--s-24:96px;

  /* أنصاف الأقطار */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px; --r-seal:10px;

  /* ظلال خفيفة طبقية */
  --shadow-xs:0 1px 2px rgba(20,24,27,.06);
  --shadow-sm:0 1px 2px rgba(20,24,27,.06);
  --shadow-md:0 4px 16px rgba(20,24,27,.08);
  --shadow-lg:0 12px 40px rgba(12,59,60,.10);
  --shadow-xl:0 24px 60px rgba(12,59,60,.14);
  --shadow-accent:0 10px 26px rgba(12,59,60,.22);
  --grad-accent:linear-gradient(180deg,#18514F,#0C3B3C);

  /* تفاعل */
  --focus:0 0 0 3px rgba(12,59,60,.20);
  --t-fast:.14s ease; --t:.2s cubic-bezier(.4,0,.2,1); --t-slow:.34s cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}
::selection{background:rgba(224,164,59,.28);color:var(--brand-ink);}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,
select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:none;box-shadow:var(--focus);border-radius:var(--r-sm);
}

/* الأكواد/الأرقام/الروابط تبقى LTR داخل RTL */
.ltr,code,.mono{direction:ltr;unicode-bidi:isolate;}

/* ===== العنصر المميّز: «ختم الكود» (Code Seal) ===== */
.code-seal{position:relative;display:inline-flex;align-items:center;gap:9px;font-family:var(--font-mono);font-weight:600;color:var(--brand);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-seal);padding:8px 13px;direction:ltr;unicode-bidi:isolate;clip-path:polygon(13px 0,100% 0,100% 100%,0 100%,0 13px);}
.code-seal::after{content:"";position:absolute;top:0;left:0;width:13px;height:13px;background:var(--gold);clip-path:polygon(0 0,100% 0,0 100%);}
.code-seal.is-hero{padding:14px 18px;border-color:var(--brand);box-shadow:var(--shadow-md);}

/* شريط تمرير */
*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;}
*::-webkit-scrollbar{width:10px;height:10px;}
*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:999px;border:3px solid transparent;background-clip:content-box;}
*::-webkit-scrollbar-thumb:hover{background:var(--line-strong);}

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

/* ===================== الوضع الداكن (Trade Desk Dark) — هادئ ومريح ===================== */
.theme-toggle{width:38px;height:38px;display:inline-grid;place-items:center;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink-2);cursor:pointer;font-size:15px;line-height:1;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent-line);}

html[data-theme="dark"]{
  --paper:#0E1A19; --bg:#0E1A19; --bg-2:#13211F;
  --surface:#13211F; --surface-2:#192E2B; --surface-3:#20403B; --panel:#192E2B;
  --ink:#E9F0EE; --ink-2:#C2D2CF; --muted:#9CB0AD; --muted-2:#7B8E8B;
  --line:#22403B; --line-2:#2C4F49; --line-strong:#3C625C;
  --brand:#2C726D; --brand-600:#37918A; --brand-50:#15302D; --brand-ink:#E9F0EE;
  --accent:#2C726D; --accent-2:#62B6AF; --accent-hover:#37918A; --accent-press:#225853;
  --accent-soft:#15302D; --accent-soft-2:#1A3A36; --accent-line:#2C534F; --on-accent:#FFFFFF;
  --gold:#E8B254; --gold-2:#F0C26E; --gold-deep:#E8B254; --gold-50:#2A2412; --gold-line:#4A3E20;
  --shadow-xs:0 1px 2px rgba(0,0,0,.4); --shadow-sm:0 1px 2px rgba(0,0,0,.4); --shadow-md:0 6px 20px rgba(0,0,0,.45);
  --shadow-lg:0 16px 44px rgba(0,0,0,.55); --shadow-xl:0 28px 64px rgba(0,0,0,.6); --shadow-accent:0 10px 26px rgba(0,0,0,.5);
  --grad-accent:linear-gradient(180deg,#37918A,#2C726D);
}
/* تصحيحات تباين دقيقة (تتغلّب على قواعد الصفحات بفضل أسبقية html[data-theme]) */
html[data-theme="dark"] .topbar{background:rgba(14,26,25,.82)!important;}
html[data-theme="dark"] .mobile-top{background:rgba(14,26,25,.9)!important;}
html[data-theme="dark"] .eyebrow{color:var(--accent-2);}
html[data-theme="dark"] .nav-links a.nav-active{color:var(--accent-2);}
html[data-theme="dark"] .kicker{color:var(--gold);}
html[data-theme="dark"] .code-seal{color:var(--accent-2);border-color:var(--line-2);}
html[data-theme="dark"] .nav-list a.is-active,html[data-theme="dark"] .nav-list a.nav-active{color:var(--accent-2);background:var(--accent-soft);}
html[data-theme="dark"] .nav-list a.is-active::before,html[data-theme="dark"] .nav-list a.nav-active::before{background-color:var(--accent-2);}
html[data-theme="dark"] .source-copy strong{color:var(--accent-2);}
html[data-theme="dark"] .src .chip:hover,html[data-theme="dark"] .src .chip.on{background:var(--gold-50);color:var(--gold-2);border-color:var(--gold-line);}
html[data-theme="dark"] .brand-logo-img{filter:brightness(0) invert(1);}