/* ───────────────────────────────────────────────────────────────────
   دۆخی تاریکی ماڵپەڕی گشتی.

   بۆچی بەم شێوەیە نەک بە `dark:` ی Tailwind؟
     ماڵپەڕەکە بە سەدان پۆلی جێگیر بەکاردەهێنێت (`bg-white`, `text-black`,
     `bg-[#F9F7F7]`). زیادکردنی `dark:` بۆ هەموویان دەبووە هەزاران
     دەستکاری لە ٢٠+ فایلدا. لەبری ئەوە ئەم فایلە هەمان ئەو پۆلانە
     لە ژێر `[data-theme="dark"]`ـدا دەگۆڕێت — یەک شوێن، و هەر پەڕەیەکی
     نوێش خۆکارانە تاریک دەبێت.

   تایبەتمەندی (specificity): `:root[data-theme="dark"] .bg-white` =
   (0,3,0) بەرامبەر (0,1,0) ی پۆلی Tailwind، بۆیە زاڵ دەبێت بەبێ
   !important. دەبێت **دوای** site-tw.css بار بێت.

   ڕەنگی برانە نەگۆڕدراوە — لە ئەدمینەوە دێت و لە هەردوو دۆخدا یەکە.
   ─────────────────────────────────────────────────────────────────── */

:root[data-theme="dark"] {
    /* ڕووکارەکان — لە تۆخترەوە بۆ ڕوونتر */
    --d-bg:      #0B0C12;   /* پاشبنەیدی پەڕەکە */
    --d-surface: #14161E;   /* کارت */
    --d-raised:  #1C1F29;   /* کارتی سەر کارت */
    --d-line:    #262A36;   /* هێڵ */
    --d-line-2:  #333846;

    /* دەق */
    --d-text:    #EDEEF2;
    --d-text-2:  #B9BDC9;
    --d-text-3:  #8A90A0;
    --d-text-4:  #656B7A;

    color-scheme: dark;
}

/* ══════════ بنەڕەت ══════════ */
:root[data-theme="dark"] body { background-color: var(--d-bg); color: var(--d-text); }

/* ══════════ پاشبنەید ══════════ */
:root[data-theme="dark"] .bg-white           { background-color: var(--d-surface); }
:root[data-theme="dark"] .bg-\[\#F9F7F7\]    { background-color: var(--d-bg); }
:root[data-theme="dark"] .bg-\[\#f4f2f2\]    { background-color: var(--d-bg); }
:root[data-theme="dark"] .bg-\[\#F5F2EC\]    { background-color: var(--d-surface); }
:root[data-theme="dark"] .bg-\[\#e6e3df\]    { background-color: var(--d-raised); }
:root[data-theme="dark"] .bg-gray-50         { background-color: var(--d-surface); }
:root[data-theme="dark"] .bg-gray-100        { background-color: var(--d-raised); }
:root[data-theme="dark"] .bg-brand-light     { background-color: var(--d-bg); }
/* ڕەشەکان لە دۆخی تاریکدا زۆر تۆخن — کەمێک ڕوونتر دەکرێن تاکو
   کەنارەکانیان لە پاشبنەیدەکە جیا بکرێنەوە */
:root[data-theme="dark"] .bg-black           { background-color: #05060A; }
:root[data-theme="dark"] .bg-\[\#1E1E24\]    { background-color: var(--d-raised); }

/* شەفافەکان — Tailwind ئەمانە بە color-mix دروست دەکات، بۆیە بە
   ڕەنگی نوێ دووبارە دەنووسرێنەوە */
:root[data-theme="dark"] .bg-white\/80  { background-color: rgb(20 22 30 / .80); }
:root[data-theme="dark"] .bg-white\/70  { background-color: rgb(20 22 30 / .70); }
:root[data-theme="dark"] .bg-white\/60  { background-color: rgb(20 22 30 / .60); }
:root[data-theme="dark"] .bg-white\/50  { background-color: rgb(20 22 30 / .50); }
:root[data-theme="dark"] .bg-white\/10  { background-color: rgb(255 255 255 / .07); }
:root[data-theme="dark"] .bg-white\/5   { background-color: rgb(255 255 255 / .05); }
:root[data-theme="dark"] .bg-\[\#F9F7F7\]\/90 { background-color: rgb(11 12 18 / .90); }
:root[data-theme="dark"] .bg-\[\#F9F7F7\]\/80 { background-color: rgb(11 12 18 / .80); }

/* ══════════ دەق ══════════ */
:root[data-theme="dark"] .text-black     { color: var(--d-text); }
:root[data-theme="dark"] .text-gray-900  { color: var(--d-text); }
:root[data-theme="dark"] .text-gray-800  { color: var(--d-text-2); }
:root[data-theme="dark"] .text-gray-700  { color: var(--d-text-2); }
:root[data-theme="dark"] .text-gray-600  { color: var(--d-text-2); }
:root[data-theme="dark"] .text-gray-500  { color: var(--d-text-3); }
:root[data-theme="dark"] .text-gray-400  { color: var(--d-text-3); }
:root[data-theme="dark"] .text-gray-300  { color: var(--d-text-4); }
/* `text-white` لەسەر پاشبنەیدی برانە/تۆخە — نەگۆڕدرێت */

/* ══════════ هێڵەکان ══════════ */
:root[data-theme="dark"] .border-gray-100 { border-color: var(--d-line); }
:root[data-theme="dark"] .border-gray-200 { border-color: var(--d-line); }
:root[data-theme="dark"] .border-gray-300 { border-color: var(--d-line-2); }
:root[data-theme="dark"] .border-black    { border-color: var(--d-line-2); }
:root[data-theme="dark"] .border-white    { border-color: var(--d-line-2); }
:root[data-theme="dark"] .border-\[\#c9c5c0\] { border-color: var(--d-line-2); }
:root[data-theme="dark"] .divide-gray-700 > * + * { border-color: var(--d-line); }

/* ══════════ سێبەرەکان ══════════
   سێبەری ڕەش لەسەر پاشبنەیدی تۆخ نابینرێت — بۆیە توندتر دەکرێن و
   هێڵێکی ڕوون زیاد دەکرێت تاکو کارتەکان جیا بکرێنەوە. */
:root[data-theme="dark"] .shadow-sm,
:root[data-theme="dark"] .shadow,
:root[data-theme="dark"] .shadow-md,
:root[data-theme="dark"] .shadow-lg,
:root[data-theme="dark"] .shadow-xl,
:root[data-theme="dark"] .shadow-2xl,
:root[data-theme="dark"] .card-shadow {
    box-shadow: 0 10px 30px -12px rgb(0 0 0 / .7), 0 0 0 1px var(--d-line);
}

/* ══════════ شتەکانی تایبەت ══════════ */
/* تۆپبار */
:root[data-theme="dark"] #navbar { border-bottom-color: var(--d-line); }
/* وەسفی کارەکان — دەقی ناو HTML */
:root[data-theme="dark"] .pf-prose { color: var(--d-text-2); }
:root[data-theme="dark"] .pf-prose b,
:root[data-theme="dark"] .pf-prose strong,
:root[data-theme="dark"] .pf-prose h3,
:root[data-theme="dark"] .pf-prose h4 { color: var(--d-text); }
:root[data-theme="dark"] .pf-prose figcaption { color: var(--d-text-3); }
:root[data-theme="dark"] .pf-prose blockquote { color: var(--d-text-3); }
/* بەشەکانی کارەکە */
:root[data-theme="dark"] .pf-h2      { color: var(--d-text); }
:root[data-theme="dark"] .pf-h2-n    { background: var(--d-raised); color: var(--d-text-3); }
:root[data-theme="dark"] .pf-cap     { color: var(--d-text-3); }
/* شریتی دەنگ — لە دۆخی ڕووندا ڕەش بوو */
:root[data-theme="dark"] .pf-audio-name { color: var(--d-text); }
:root[data-theme="dark"] .pf-wave span  { background: rgb(255 255 255 / .26); }
:root[data-theme="dark"] .pf-time       { color: var(--d-text-3); }

/* ══════════ دوگمەی گۆڕینی دۆخ ══════════ */
.theme-btn {
    width: 40px; height: 40px;
    flex: none;
    border: 1px solid rgb(0 0 0 / .08);
    border-radius: 9999px;
    background: rgb(0 0 0 / .04);
    color: #111;
    cursor: pointer;
    display: grid; place-items: center;
    font-size: 15px;
    transition: background .25s ease, color .25s ease, transform .25s ease;
}
.theme-btn:hover { background: rgb(0 0 0 / .09); transform: rotate(-18deg); }
:root[data-theme="dark"] .theme-btn {
    border-color: rgb(255 255 255 / .14);
    background: rgb(255 255 255 / .07);
    color: #FFD479;
}
:root[data-theme="dark"] .theme-btn:hover { background: rgb(255 255 255 / .14); }
/* ئایکۆنەکە: خۆر لە دۆخی ڕوون، مانگ لە تاریک */
.theme-btn .fa-moon { display: none; }
.theme-btn .fa-sun  { display: block; }
:root[data-theme="dark"] .theme-btn .fa-moon { display: block; }
:root[data-theme="dark"] .theme-btn .fa-sun  { display: none; }

/* گۆڕانکاری نەرم لە نێوان دوو دۆخەکە — بەڵام نەک لەسەر transform،
   ئەگەرنا هەموو ئەنیمەیشنەکانی پەڕەکە هێواش دەبن */
:root.theme-anim body,
:root.theme-anim body * {
    transition: background-color .32s ease, border-color .32s ease, color .32s ease;
}
@media (prefers-reduced-motion: reduce) {
    :root.theme-anim body, :root.theme-anim body * { transition: none; }
}

/* ══════════ لۆگۆ بەپێی دۆخ ══════════
   هەردوو لۆگۆ دەنێردرێن و بە CSS یەکێکیان دەشاردرێتەوە — نەک بە JS،
   ئەگەرنا لۆگۆکە لە کاتی بارکردندا دەتروسکێت. ئەگەر لۆگۆی تاریک
   دانەنرابێت، `.logo-dark` هەرگیز لە HTML ـدا نییە و هی ڕوون دەمێنێت. */
/* ⚠ `.logo-light` تەنها ئەو کاتە دەشاردرێتەوە کە لۆگۆیەکی تاریک
     بەڕاستی دانرابێت. بەبێ ئەم مەرجە، ئەگەر ئەدمین لۆگۆی تاریک
     دانەنابێت، لە دۆخی تاریکدا **هیچ** لۆگۆیەک دەرنەدەکەوت.
     پۆلی `has-dark-logo` لە PHP ـەوە دادەنرێت. */
.logo-dark { display: none; }
:root[data-theme="dark"] .has-dark-logo .logo-light { display: none; }
:root[data-theme="dark"] .logo-dark { display: block; }

/* ══════════ مینیۆی لاکێشە ══════════
   پانێلەکە سپی بوو — لە دۆخی تاریکدا وەک پەنجەرەیەکی ڕوون دەردەکەوت. */
:root[data-theme="dark"] .stag-panel,
:root[data-theme="dark"] .stag-pre {
    background: var(--d-surface);
}
:root[data-theme="dark"] .stag-item > a      { color: var(--d-text); }
:root[data-theme="dark"] .stag-logo-text     { color: var(--d-text); }
:root[data-theme="dark"] .stag-item + .stag-item::before { background: rgb(255 255 255 / .22); }
:root[data-theme="dark"] .stag-socials a     { color: var(--d-text-3); }
:root[data-theme="dark"] .stag-socials a:hover { color: var(--d-text); }
/* دوگمەی سێ‌خەتی تۆپبار — ڕەنگەکەی لە currentColor دێت */
:root[data-theme="dark"] .stag-toggle { color: var(--d-text); }

/* دوگمەی گۆڕینی دۆخ لەناو ڕیزی سۆشیال میدیاکان — هەمان ئەندازەی
   ئایکۆنەکانی تر، ئەگەرنا ڕیزەکە ناڕێک دەبێت */
.stag-theme {
    display: grid; place-items: center;
    width: clamp(23px, 6vw, 34px);
    height: clamp(23px, 6vw, 34px);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #555;
    font-size: clamp(11px, 3vw, 15px);
    cursor: pointer;
    transition: color .2s ease, background .2s ease;
}
.stag-theme:hover { background: rgb(0 0 0 / .06); color: #111; }
:root[data-theme="dark"] .stag-theme { color: #FFD479; }
:root[data-theme="dark"] .stag-theme:hover { background: rgb(255 255 255 / .1); }
.stag-theme .fa-moon { display: none; }
.stag-theme .fa-sun  { display: block; }
:root[data-theme="dark"] .stag-theme .fa-moon { display: block; }
:root[data-theme="dark"] .stag-theme .fa-sun  { display: none; }

/* ══════════ فوتەر ══════════ */
:root[data-theme="dark"] footer .bg-\[\#e6e3df\] { background-color: var(--d-raised); }
:root[data-theme="dark"] footer .border-\[\#c9c5c0\] { border-color: var(--d-line); }

/* ══════════ ڕووکاری ڕوونی ئەنقەستی ══════════
   هەندێک نیشانە (بەج) بە ئەنقەست سپین و لەسەر وێنە دادەنرێن — نیشانەی
   جۆری کار، دوگمەی لێدان. ئەوانە دەبێت لە دۆخی تاریکیشدا سپی بمێننەوە،
   بەڵام دەقی ناویان `text-black` ـە کە ئێمە کردمانە ڕوون — بۆیە دەقی
   سپی لەسەر پاشبنەیدی سپی مابوو، هیچ نەدەبینرا.

   ⚠ `bg-white/90` لە Tailwind v4 بە `oklab(... / .9)` کۆمپایل دەکرێت،
     نەک `rgb(255 255 255 / .9)` — بۆیە پۆلی خۆی دەبێت دووبارە
     بنووسرێتەوە، نەک تەنها `.bg-white`. */
:root[data-theme="dark"] .bg-white\/90 { background-color: rgb(255 255 255 / .92); }
:root[data-theme="dark"] .bg-white\/20 { background-color: rgb(255 255 255 / .14); }

/* دەقی ناو ئەو نیشانانە تۆخ دەمێنێتەوە */
:root[data-theme="dark"] .bg-white\/90,
:root[data-theme="dark"] .bg-white\/90 .text-black,
:root[data-theme="dark"] .bg-white\/90 .text-gray-900,
:root[data-theme="dark"] .bg-white\/90 .text-gray-800,
:root[data-theme="dark"] .bg-white\/90 .text-gray-700,
:root[data-theme="dark"] .bg-white\/90 i,
:root[data-theme="dark"] .bg-white\/90 span { color: #111; }

/* ══════════ بەشی کڕیارەکان — پێچەوانە ══════════
   لە دۆخی ڕووندا ئەم بەشە تۆخە (bg-brand-dark) تاکو جیا بکرێتەوە.
   لە دۆخی تاریکدا ئەو جیاکردنەوە لەناودەچێت — بۆیە پێچەوانە دەکرێتەوە
   و ڕوون دەبێت، هەروەک بەکارهێنەر داوای کرد. */
:root[data-theme="dark"] .bg-brand-dark {
    background-color: #F4F2F2 !important;
    color: #111;
}
:root[data-theme="dark"] .bg-brand-dark .text-white,
:root[data-theme="dark"] .bg-brand-dark h2,
:root[data-theme="dark"] .bg-brand-dark h3,
:root[data-theme="dark"] .bg-brand-dark .text-gray-300,
:root[data-theme="dark"] .bg-brand-dark .text-gray-400 { color: #111; }
:root[data-theme="dark"] .bg-brand-dark .text-white\/70,
:root[data-theme="dark"] .bg-brand-dark .text-white\/60,
:root[data-theme="dark"] .bg-brand-dark .text-white\/50 { color: #4b5563; }
/* لێواری کاڵکردنەوەی شریتی لۆگۆکان — ڕەنگی بەشەکە شوێن دەکەوێت */
:root[data-theme="dark"] .bg-brand-dark .logoloop { --ll-fade: #F4F2F2; }

/* ══════════ شەپۆلی بریقەی لۆگۆکان ══════════
   هەمیشە کاردەکات (لەگەڵ ڕەنگی ئەسڵیشدا): لۆگۆکان کەمێک کاڵن و
   بریقەیەک یەک بە یەک بەسەریاندا تێدەپەڕێت. دواخستنەکە لە `--i`ـەوە
   دێت، بۆیە وەک شەپۆل بە درێژایی ڕیزەکەدا دەڕوات. */
@keyframes logo-shine-plain {
    0%, 32%, 100% { opacity: .78; }
    12%           { opacity: 1; }
}
/* وەشانی بریقەدار — تەنها لە دۆخی ڕەش‌و‌سپیدا کە لۆگۆ سپییە.
   ⚠ فلتەری ڕەنگیش لەخۆ دەگرێت: ئەنیمەیشن زاڵە بەسەر `filter`ـی ئاسایی،
     بۆیە ئەگەر تەنها drop-shadow بنووسرابا، ڕەنگکردنەکە دەسڕایەوە. */
@keyframes logo-shine-glow-white {
    0%, 32%, 100% { opacity: .78; filter: grayscale(1) brightness(0) invert(1); }
    12%           { opacity: 1;   filter: grayscale(1) brightness(0) invert(1) drop-shadow(0 0 14px rgba(255, 255, 255, .55)); }
}
.logo-shine img {
    opacity: .78;
    animation: logo-shine-plain 3.8s ease-in-out infinite;
    animation-delay: calc(var(--i, 0) * .2s);
}

/* ══════════ لۆگۆی ڕەش‌و‌سپی — ئارەزوومەندانە ══════════
   تەنها ئەو کاتە جێبەجێ دەبێت کە لە ڕێکخستنەکاندا داگیرسێنرابێت
   (`logos_monochrome`). بەبێ ئەوە لۆگۆکان بە ڕەنگی خۆیان دەمێننەوە.

   دوو پۆلاریتە هەیە، چونکە هەندێک بەش پاشبنەماکەیان پێچەوانە
   دەگۆڕدرێت لە دۆخی تاریکدا:
     • `.logo-mono`        — ئاسایی: ڕووناک بنەڕەت، تۆخ لە دۆخی تاریکدا
                             (بەشی هێرۆ + پەڕەی /clients)
     • `.logo-mono-invert` — پێچەوانە: تۆخ بنەڕەت، ڕووناک لە دۆخی تاریکدا
                             (شریتی کڕیاران، `bg-brand-dark`)
   لە هەردووکیاندا: لۆگۆی سپی بریقەی سپیشی هەیە، لۆگۆی ڕەش تەنها
   ڕوونی دەگۆڕێت (بریقەی سپی لەسەر ڕووناک دیار نییە). */
.logo-mono img { filter: grayscale(1) brightness(0); }
:root[data-theme="dark"] .logo-mono img {
    filter: grayscale(1) brightness(0) invert(1);
    animation-name: logo-shine-glow-white;
}

.logo-mono-invert img {
    filter: grayscale(1) brightness(0) invert(1);
    animation-name: logo-shine-glow-white;
}
:root[data-theme="dark"] .logo-mono-invert img {
    filter: grayscale(1) brightness(0);
    animation-name: logo-shine-plain;
}

@media (prefers-reduced-motion: reduce) {
    .logo-shine img { animation: none; opacity: 1; }
}

/* ══════════ کارتی دەقی بوارەکان ══════════
   `text-card-bg` گرادیێنتێکی سپییە لە header.php ـەوە — نەک `bg-white`،
   بۆیە دەقی ڕوونی لەسەر مابوو. */
:root[data-theme="dark"] .text-card-bg {
    background: linear-gradient(180deg, var(--d-surface) 0%, var(--d-raised) 100%);
}

/* ══════════ کاڵکردنەوەی بایۆی بەهرەمەند ══════════
   گرادیێنتێک بوو بۆ #F9F7F7 — لە دۆخی تاریکدا وەک خەتێکی سپی
   بەسەر دەقەکەدا دەردەکەوت. */
:root[data-theme="dark"] .bio-fade {
    background-image: linear-gradient(to top, var(--d-bg), transparent);
}

/* ══════════ دوگمەی زمان لەناو مینیۆ ══════════ */
.stag-lang {
    display: grid; place-items: center;
    width: clamp(23px, 6vw, 34px);
    height: clamp(23px, 6vw, 34px);
    border-radius: 50%;
    color: #555;
    font-size: clamp(9px, 2.4vw, 12px);
    font-weight: 800;
    text-decoration: none;
    letter-spacing: .3px;
    transition: color .2s ease, background .2s ease;
}
.stag-lang:hover { background: rgb(0 0 0 / .06); color: #111; }
:root[data-theme="dark"] .stag-lang { color: var(--d-text-3); }
:root[data-theme="dark"] .stag-lang:hover { background: rgb(255 255 255 / .1); color: var(--d-text); }