/* ═══════════════════════════════════════════════════════════════
   nc-brand-blue.css — الهوية الجديدة (أزرق + أبيض نظيف)
   يُحمَّل بعد nc-style-v26.css و nc-v32.css ليعيد تعريف الـ palette.
   ─────────────────────────────────────────────────────────────
   فلسفة التصميم:
     • أبيض نقي كخلفية أساسية
     • أزرق Petrol/Teal (#1B8AAC) مستخرج من اللوقو كلون brand
     • الأزرق للـ accents فقط (أزرار، روابط، أيقونات، حدود نشطة)
     • تباين عالي للنصوص، ظلال خفيفة جداً
   ═══════════════════════════════════════════════════════════════ */

/* ───── 1. الـ Palette الجديد (light mode) ───── */
:root,
[data-theme="light"]{
  /* Brand — اللون الأساسي المستخرج من اللوقو */
  --brand:           #1B8AAC;      /* اللون الأساسي */
  --brand-dark:      #136F8A;      /* hover / active */
  --brand-darker:    #0E5973;      /* pressed */
  --brand-light:     #3FA5C4;      /* gradient stop / soft accent */
  --brand-lighter:   #8FCAE0;      /* disabled states */
  --brand-pale:      #E8F4F8;      /* خلفيات soft (badges, info boxes) */
  --brand-paler:     #F4F9FB;      /* خلفيات أفتح */
  --brand-dim:       rgba(27, 138, 172, .10);
  --brand-b:         rgba(27, 138, 172, .22);
  --brand-glow:      0 6px 24px rgba(27, 138, 172, .22);
  --brand-grad:      linear-gradient(135deg, #1B8AAC 0%, #3FA5C4 100%);
  --brand-grad-soft: linear-gradient(135deg, #E8F4F8 0%, #F4F9FB 100%);

  /* Aliases — نخلي الكود القديم يشتغل بدون كسر */
  --gold:        var(--brand);
  --gold-mid:    var(--brand-dark);
  --gold-bright: var(--brand-light);
  --gold-deep:   var(--brand-darker);
  --gold-pale:   var(--brand-pale);
  --gold-dim:    var(--brand-dim);
  --gold-b:      var(--brand-b);
  --gold-glow:   var(--brand-glow);
  --gold-2:      var(--brand-light);
  --gold-3:      var(--brand-light);
  --gold-soft:   var(--brand-pale);

  --nc-gold:    var(--brand);
  --nc-gold-2:  var(--brand-light);
  --nc-forest:  #0F2935;           /* نص داكن أزرق-فحمي */
  --nc-forest-2:#163A4A;
  --nc-mint:    var(--brand-pale); /* بدل المنت الأخضر */
  --nc-mint-2:  var(--brand-paler);
  --nc-cream:   #FFFFFF;           /* أبيض نظيف بدل الكريمي */
  --nc-paper:   #FFFFFF;
  --nc-ink:     #0F2935;
  --nc-muted:   #5E7280;
  --nc-line:    rgba(15, 41, 53, .08);
  --nc-soft-line: rgba(27, 138, 172, .18);

  /* Surfaces */
  --surface:    #FFFFFF;
  --surface-2:  #F7FAFC;           /* خلفية ثانوية أفتح */
  --surface-3:  #EFF4F7;
  --white:      #FFFFFF;
  --paper:      #FFFFFF;
  --bg:         #FFFFFF;
  --bg-soft:    #F7FAFC;

  /* Text */
  --ink:        #0F2935;
  --ink-2:      #3D5664;
  --ink-3:      #7A8B95;
  --ink-soft:   #A4B0BA;
  --text:       #0F2935;
  --muted:      #5E7280;

  /* Borders */
  --border:     #E1E8ED;
  --border-2:   #CFD9E0;
  --border-3:   #B5C2CB;
  --line:       #E1E8ED;

  /* Semantic colors — متناغمة مع الأزرق */
  --success:     #1A9E6B;
  --success-pale:#E6F5EE;
  --success-b:   rgba(26, 158, 107, .25);
  --green:       #1A9E6B;
  --green-pale:  #E6F5EE;
  --green-b:     rgba(26, 158, 107, .25);
  --green-deep:  #0F7A50;

  --warn:        #D4953A;
  --warn-pale:   #FBF1DE;
  --warn-b:      rgba(212, 149, 58, .25);

  --danger:      #DC5547;
  --danger-pale: #FBEAE7;
  --danger-b:    rgba(220, 85, 71, .25);
  --red:         #DC5547;
  --red-pale:    #FBEAE7;
  --red-b:       rgba(220, 85, 71, .25);
  --err:         #DC5547;
  --error:       #DC5547;

  --info:        var(--brand);
  --info-pale:   var(--brand-pale);
  --blue:        var(--brand);
  --blue-pale:   var(--brand-pale);
  --blue-b:      var(--brand-b);

  --purple:      #7A56C7;
  --purple-pale: #EFEAF8;

  /* Shadows — أنعم وأقل drama */
  --shadow-xs:   0 1px 2px rgba(15, 41, 53, .04);
  --shadow-sm:   0 2px 6px rgba(15, 41, 53, .06);
  --shadow-md:   0 6px 18px rgba(15, 41, 53, .08);
  --shadow-lg:   0 16px 40px rgba(15, 41, 53, .10);

  /* Radii — متوافقة مع v26 */
  --radius-xs:   6px;
  --radius-sm:   10px;
  --radius-md:   14px;
  --radius-lg:   20px;
  --radius-xl:   28px;
  --nc-radius:   18px;
  --nc-radius-lg:24px;

  --nc-shadow:      0 12px 36px rgba(15, 41, 53, .08);
  --nc-shadow-soft: 0 6px 18px rgba(15, 41, 53, .05);
}

/* ───── 2. الخلفيات الرئيسية (نظافة بصرية) ───── */
html, body{
  background: #FFFFFF !important;
  color: var(--ink) !important;
}

/* إلغاء الـ radial gradients الذهبية القديمة من v26 */
body{
  background:
    radial-gradient(circle at 100% -8%, rgba(27, 138, 172, .05), transparent 35%),
    radial-gradient(circle at -8% 18%, rgba(27, 138, 172, .04), transparent 38%),
    #FFFFFF !important;
}

/* إلغاء الـ grid pattern القديم */
body::before{
  content: "";
  position: fixed; inset: 0; z-index: -1; pointer-events: none;
  background-image:
    linear-gradient(rgba(15, 41, 53, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 41, 53, .02) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.30), transparent 75%);
}

/* ───── 3. Navbar — أبيض نظيف بحد خفيف ───── */
.navbar, .nav{
  background: rgba(255, 255, 255, .92) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
  border-bottom: 1px solid var(--border) !important;
  box-shadow: 0 1px 0 rgba(15, 41, 53, .02);
}

/* ───── 4. الأزرار — primary أزرق صلب ───── */
.btn--primary,
.btn--gold,
button[type="submit"]:not(.btn--ghost):not(.btn--secondary){
  background: var(--brand) !important;
  color: #FFFFFF !important;
  border: 1px solid var(--brand-dark) !important;
  box-shadow: 0 2px 6px rgba(27, 138, 172, .25);
  transition: all .18s ease;
}
.btn--primary:hover,
.btn--gold:hover,
button[type="submit"]:not(.btn--ghost):not(.btn--secondary):hover{
  background: var(--brand-dark) !important;
  border-color: var(--brand-darker) !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(27, 138, 172, .30);
}
.btn--primary:active,
.btn--gold:active{
  transform: translateY(0);
  box-shadow: 0 1px 3px rgba(27, 138, 172, .25);
}

.btn--ghost,
.btn--secondary{
  background: #FFFFFF !important;
  color: var(--brand) !important;
  border: 1px solid var(--border-2) !important;
}
.btn--ghost:hover,
.btn--secondary:hover{
  background: var(--brand-pale) !important;
  border-color: var(--brand) !important;
}

.btn--gold-soft, .btn--green{
  background: var(--brand-pale) !important;
  color: var(--brand-dark) !important;
  border-color: var(--brand-b) !important;
}

/* الروابط */
a{ color: var(--brand); }
a:hover{ color: var(--brand-dark); }

/* ───── 5. البطاقات والـ surfaces ───── */
.card, .auth-card, .product-card, .modal-content, .panel{
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-sm) !important;
  border-radius: var(--nc-radius);
}
.card:hover, .product-card:hover{
  box-shadow: var(--shadow-md) !important;
  border-color: var(--brand-b) !important;
}

/* ───── 6. الحقول (inputs) ───── */
.field__input, input[type="text"], input[type="email"],
input[type="password"], input[type="number"], input[type="tel"],
input[type="url"], input[type="search"], textarea, select{
  background: #FFFFFF !important;
  color: var(--ink) !important;
  border: 1px solid var(--border-2) !important;
  border-radius: var(--radius-sm);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.field__input:focus, input:focus, textarea:focus, select:focus{
  border-color: var(--brand) !important;
  box-shadow: 0 0 0 3px var(--brand-dim) !important;
  outline: none;
}

/* ───── 7. الأسعار والـ badges ───── */
.price{ color: var(--brand) !important; }
.badge{
  background: var(--brand-pale) !important;
  color: var(--brand-dark) !important;
  border: 1px solid var(--brand-b);
}
.badge--success{ background: var(--success-pale)!important; color: var(--green-deep)!important; border-color: var(--green-b); }
.badge--danger{  background: var(--danger-pale) !important; color: var(--danger) !important; border-color: var(--danger-b); }
.badge--warn{    background: var(--warn-pale)   !important; color: var(--warn) !important;   border-color: var(--warn-b); }

/* ───── 8. الأيقونات النظام الموحد ───── */
.nci{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.15em;
  height: 1.15em;
  min-width: 1.15em;
  vertical-align: -0.18em;
  color: currentColor;
  flex-shrink: 0;
}
.nci svg{
  width: 100%;
  height: 100%;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nci--solid svg{ fill: currentColor; stroke: none; }

/* أحجام مخصصة */
.nci--xs{ width: 14px; height: 14px; }
.nci--sm{ width: 16px; height: 16px; }
.nci--md{ width: 20px; height: 20px; }
.nci--lg{ width: 24px; height: 24px; }
.nci--xl{ width: 32px; height: 32px; }
.nci--2xl{ width: 48px; height: 48px; }

/* أيقونات داخل أزرار وعناصر معينة */
.btn .nci, .tab-btn .nci, .nav-pill .nci, .dropdown__item .nci{
  width: 18px; height: 18px; min-width: 18px;
}
.stat-icon .nci{ width: 26px; height: 26px; color: var(--brand); }
.cart-btn > .nci{ width: 20px; height: 20px; }

/* ───── 9. توافق الأيقونات القديمة (nc-svg-icon) ───── */
.nc-svg-icon{ color: var(--brand); opacity: 1; }
.img-drop__icon .nc-svg-icon{ color: var(--brand); }
.product-card__trainer-name .nc-svg-icon{ color: var(--brand); }

/* ───── 10. التحديدات والـ scrollbar ───── */
::selection{
  background: var(--brand-b);
  color: var(--ink);
}
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: var(--surface-2); }
::-webkit-scrollbar-thumb{
  background: var(--border-2);
  border-radius: 10px;
  border: 2px solid var(--surface-2);
}
::-webkit-scrollbar-thumb:hover{ background: var(--brand-lighter); }

/* ───── 11. Toggle switch / Theme button ───── */
.nc-theme-toggle{
  background: #FFFFFF !important;
  border: 1px solid var(--border-2) !important;
  color: var(--brand) !important;
  box-shadow: var(--shadow-sm) !important;
}
.nc-theme-toggle::before{ content: ""; }
.nc-theme-toggle::after{
  content: "";
  width: 22px; height: 22px;
  background: currentColor;
  -webkit-mask: var(--icon-moon) center/contain no-repeat;
          mask: var(--icon-moon) center/contain no-repeat;
}
[data-theme="dark"] .nc-theme-toggle::after{
  -webkit-mask: var(--icon-sun) center/contain no-repeat;
          mask: var(--icon-sun) center/contain no-repeat;
}
:root{
  --icon-moon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B8AAC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z'/></svg>");
  --icon-sun:  url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231B8AAC' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='4'/><path d='M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M4.93 19.07l1.41-1.41m11.32-11.32l1.41-1.41'/></svg>");
}

/* ───── 12. الـ Hero والـ Landing ───── */
.hero{
  background:
    radial-gradient(circle at 85% 20%, rgba(27, 138, 172, .08), transparent 45%),
    radial-gradient(circle at 15% 80%, rgba(27, 138, 172, .05), transparent 50%),
    #FFFFFF !important;
}
.hero h1, .hero .display{
  color: var(--ink) !important;
}
.hero .highlight, .hero strong{
  color: var(--brand) !important;
}

/* Blobs (دوائر متحركة في الهيرو لو موجودة) */
.hero-blob, .blob{
  background: var(--brand-grad) !important;
  opacity: .12 !important;
}

/* ───── 13. Footer ───── */
footer, .footer{
  background: var(--surface-2) !important;
  color: var(--ink-2) !important;
  border-top: 1px solid var(--border) !important;
}
footer a, .footer a{ color: var(--ink-2) !important; }
footer a:hover, .footer a:hover{ color: var(--brand) !important; }

/* ───── 14. Toasts ───── */
.nc-toast{
  background: #FFFFFF !important;
  border: 1px solid var(--border) !important;
  box-shadow: var(--shadow-md) !important;
  color: var(--ink) !important;
}
.nc-toast--success{ border-left: 4px solid var(--success); }
.nc-toast--error  { border-left: 4px solid var(--danger);  }
.nc-toast--warn   { border-left: 4px solid var(--warn);    }
.nc-toast--info   { border-left: 4px solid var(--brand);   }

/* ───── 15. Tabs / Pills ───── */
.tab-btn, .nav-pill{
  color: var(--ink-2) !important;
  border-color: transparent !important;
}
.tab-btn.is-active, .tab-btn[aria-selected="true"],
.nav-pill.is-active{
  background: var(--brand-pale) !important;
  color: var(--brand-dark) !important;
  border-color: var(--brand-b) !important;
}

/* ───── 16. Skeleton loading ───── */
.skeleton{
  background: linear-gradient(90deg,
    var(--surface-2) 0%,
    var(--surface-3) 50%,
    var(--surface-2) 100%) !important;
}

/* ───── 17. الجداول ───── */
table th{
  background: var(--surface-2) !important;
  color: var(--ink-2) !important;
  border-bottom: 2px solid var(--border) !important;
}
table td{ border-bottom: 1px solid var(--border) !important; }
table tr:hover td{ background: var(--brand-paler) !important; }

/* ─────────────────────────────────────────────────────────────
   ═══════════════════════════════════════════════════════════════
   DARK MODE — Navy + Teal Blue (متناغم مع الهوية)
   ═══════════════════════════════════════════════════════════════
   ───────────────────────────────────────────────────────────── */
[data-theme="dark"]{
  /* Brand */
  --brand:           #3FA5C4;      /* أفتح في الداكن للـ contrast */
  --brand-dark:      #1B8AAC;
  --brand-darker:    #136F8A;
  --brand-light:     #6FBED6;
  --brand-lighter:   #8FCAE0;
  --brand-pale:      #15323D;      /* navy خفيف */
  --brand-paler:     #0F2530;
  --brand-dim:       rgba(63, 165, 196, .15);
  --brand-b:         rgba(63, 165, 196, .35);
  --brand-glow:      0 6px 24px rgba(63, 165, 196, .35);
  --brand-grad:      linear-gradient(135deg, #3FA5C4 0%, #6FBED6 100%);
  --brand-grad-soft: linear-gradient(135deg, #15323D 0%, #0F2530 100%);

  /* Aliases */
  --gold:        var(--brand);
  --gold-mid:    var(--brand-dark);
  --gold-bright: var(--brand-light);
  --gold-pale:   var(--brand-pale);
  --gold-dim:    var(--brand-dim);
  --gold-b:      var(--brand-b);
  --gold-glow:   var(--brand-glow);
  --gold-2:      var(--brand-light);
  --gold-3:      var(--brand-light);

  --nc-gold:    var(--brand);
  --nc-gold-2:  var(--brand-light);
  --nc-forest:  #E6EEF3;
  --nc-mint:    var(--brand-pale);
  --nc-cream:   #0A1820;
  --nc-paper:   #0E1F2A;
  --nc-ink:     #E6EEF3;
  --nc-muted:   #8FA3B0;
  --nc-line:    rgba(230, 238, 243, .10);

  /* Surfaces — navy */
  --surface:    #0A1820;
  --surface-2:  #0E1F2A;
  --surface-3:  #122633;
  --white:      #0E1F2A;
  --paper:      #0E1F2A;
  --bg:         #0A1820;
  --bg-soft:    #0E1F2A;

  /* Text */
  --ink:        #E6EEF3;
  --ink-2:      #B5C5CF;
  --ink-3:      #8FA3B0;
  --ink-soft:   #6B7E8C;
  --text:       #E6EEF3;
  --muted:      #8FA3B0;

  /* Borders */
  --border:     #1E3645;
  --border-2:   #2B4A5E;
  --border-3:   #3B5C72;
  --line:       #1E3645;

  /* Semantic */
  --success:     #4AC78A;
  --success-pale:#0F2A1E;
  --success-b:   rgba(74, 199, 138, .30);
  --green:       #4AC78A;
  --green-pale:  #0F2A1E;
  --green-b:     rgba(74, 199, 138, .30);

  --warn:        #EAB854;
  --warn-pale:   #2A2113;
  --warn-b:      rgba(234, 184, 84, .30);

  --danger:      #EE7263;
  --danger-pale: #2A1716;
  --danger-b:    rgba(238, 114, 99, .30);
  --red:         #EE7263;
  --red-pale:    #2A1716;
  --red-b:       rgba(238, 114, 99, .30);

  --blue:        var(--brand);
  --blue-pale:   var(--brand-pale);
  --blue-b:      var(--brand-b);

  --purple:      #9A7DD4;
  --purple-pale: #1F1A2E;

  /* Shadows — أعمق على الداكن */
  --shadow-xs:   0 1px 3px rgba(0,0,0, .35);
  --shadow-sm:   0 2px 8px rgba(0,0,0, .40);
  --shadow-md:   0 8px 24px rgba(0,0,0, .50);
  --shadow-lg:   0 20px 48px rgba(0,0,0, .55);

  --nc-shadow:      0 14px 40px rgba(0,0,0, .45);
  --nc-shadow-soft: 0 6px 18px rgba(0,0,0, .35);
}

[data-theme="dark"] html,
[data-theme="dark"] body{
  background: var(--surface) !important;
  color: var(--ink) !important;
}
[data-theme="dark"] body{
  background:
    radial-gradient(circle at 88% 18%, rgba(63, 165, 196, .10), transparent 40%),
    radial-gradient(circle at 12% 82%, rgba(63, 165, 196, .06), transparent 45%),
    var(--surface) !important;
}
[data-theme="dark"] body::before{
  background-image:
    linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, .015) 1px, transparent 1px);
}

[data-theme="dark"] .navbar,
[data-theme="dark"] .nav{
  background: rgba(14, 31, 42, .85) !important;
  border-bottom: 1px solid var(--border) !important;
}

[data-theme="dark"] .card,
[data-theme="dark"] .auth-card,
[data-theme="dark"] .product-card,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .panel{
  background: var(--surface-2) !important;
  border: 1px solid var(--border) !important;
}
[data-theme="dark"] .card:hover,
[data-theme="dark"] .product-card:hover{
  border-color: var(--brand-b) !important;
}

[data-theme="dark"] .field__input,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="url"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select{
  background: var(--surface-3) !important;
  color: var(--ink) !important;
  border-color: var(--border-2) !important;
}

[data-theme="dark"] footer,
[data-theme="dark"] .footer{
  background: var(--surface-2) !important;
  border-top: 1px solid var(--border) !important;
}

[data-theme="dark"] .nc-toast{
  background: var(--surface-2) !important;
  border-color: var(--border-2) !important;
  color: var(--ink) !important;
}

[data-theme="dark"] .nc-theme-toggle{
  background: var(--surface-2) !important;
  border-color: var(--border-2) !important;
}

[data-theme="dark"] table th{
  background: var(--surface-3) !important;
  color: var(--ink-2) !important;
}
[data-theme="dark"] table tr:hover td{ background: var(--surface-3) !important; }

[data-theme="dark"] ::-webkit-scrollbar-track{ background: var(--surface); }
[data-theme="dark"] ::-webkit-scrollbar-thumb{
  background: var(--border-2);
  border-color: var(--surface);
}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{ background: var(--brand-darker); }

/* صور اللوقو في الوضع الداكن — لا نقلبها لأنها fixed brand color */
[data-theme="dark"] img.no-invert,
[data-theme="dark"] .logo img,
[data-theme="dark"] .brand-logo{
  filter: brightness(1.15);
}

/* ───── 18. تعزيز قراءة النصوص في الوضع الداكن ───── */
[data-theme="dark"] .hero-title,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] .section-title,
[data-theme="dark"] .display{
  color: #F5FAFC !important;
}
[data-theme="dark"] .hero-desc,
[data-theme="dark"] .hero-subtitle,
[data-theme="dark"] p,
[data-theme="dark"] .text-secondary,
[data-theme="dark"] .muted{
  color: var(--ink-2) !important;
}
[data-theme="dark"] .gradient-text{
  background: linear-gradient(135deg, var(--brand-light) 0%, var(--brand) 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
[data-theme="dark"] .nav-link{ color: var(--ink-2) !important; }
[data-theme="dark"] .nav-link:hover,
[data-theme="dark"] .nav-link.active{ color: var(--brand-light) !important; }
[data-theme="dark"] .nav-login-btn,
[data-theme="dark"] .btn-ghost{
  background: rgba(255,255,255,.04) !important;
  color: var(--ink-2) !important;
  border-color: var(--border-2) !important;
}
[data-theme="dark"] .btn-ghost:hover{
  background: rgba(63, 165, 196, .12) !important;
  border-color: var(--brand) !important;
  color: var(--brand-light) !important;
}
[data-theme="dark"] .hero-trust-item,
[data-theme="dark"] .nav-user__pill{
  background: rgba(14, 31, 42, .65) !important;
  border-color: var(--border-2) !important;
  color: var(--ink-2) !important;
}
[data-theme="dark"] .hero-shell,
[data-theme="dark"] .glass-card{
  background: linear-gradient(180deg, rgba(14, 31, 42, .85), rgba(14, 31, 42, .65)) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .hero-stats,
[data-theme="dark"] .stats-card{
  background: var(--surface-2) !important;
  border-color: var(--border) !important;
}
[data-theme="dark"] .hero-stats .stat-num,
[data-theme="dark"] .stats-card .stat-num{
  color: var(--ink) !important;
}
[data-theme="dark"] .hero-stats .stat-label,
[data-theme="dark"] .stats-card .stat-label{
  color: var(--ink-3) !important;
}

/* الكوكي بانر في الداكن */
[data-theme="dark"] .cookie-banner,
[data-theme="dark"] #cookieBanner{
  background: rgba(10, 24, 32, .96) !important;
  border-top: 1px solid var(--border) !important;
  color: var(--ink-2) !important;
}
[data-theme="dark"] .cookie-banner a{ color: var(--brand-light) !important; }

/* ═══════════════════════════════════════════════════════════════
   نهاية ملف nc-brand-blue.css
   ═══════════════════════════════════════════════════════════════ */