/* ==========================================================================
   theme-light.css — مزج الأبيض مع الأخضر المعتمد
   يُحمَّل بعد style.css الأصلي. الترويسة والبطل والكلمة السامية والتذييل
   تبقى بالأخضر الداكن الرسمي؛ الأقسام العادية (.sec) تصبح بيضاء بنص داكن،
   وتبقى الأقسام المظللة (.sec--tint) والدعوة (.cta) خضراء داكنة — فيتناوب
   الأبيض والأخضر على طول الصفحة.
   ========================================================================== */

:root {
  --ink-text: #0c2a2c;          /* نص داكن على الأبيض */
  --ink-soft: rgba(12, 42, 44, .78);
  --ink-mute: rgba(12, 42, 44, .58);
  --ink-faint: rgba(12, 42, 44, .38);
  --paper: #ffffff;
  --paper-2: #f4f9f6;
}

/* ---------- الأقسام البيضاء: إعادة تعريف متغيرات اللون داخل النطاق ---------- */
.sec:not(.sec--tint) {
  --w: var(--ink-text);
  --w-80: var(--ink-soft);
  --w-55: var(--ink-mute);
  --w-35: var(--ink-faint);
  --line: rgba(0, 52, 58, .14);
  --line-2: rgba(0, 52, 58, .08);
  --surface: rgba(0, 137, 74, .05);
  --bg-dark: var(--paper);
  --bg-green: var(--paper-2);
  --ink-0: var(--paper);
  --ink-1: var(--paper);
  --ink-2: var(--paper-2);
  background: var(--paper);
  color: var(--ink-text);
}

.sec:not(.sec--tint) .h-sec,
.sec:not(.sec--tint) h1, .sec:not(.sec--tint) h2, .sec:not(.sec--tint) h3, .sec:not(.sec--tint) h4,
.phero h1, .phero .h-sec {
  color: #00343a;
}

.sec:not(.sec--tint) .kicker,
.phero .kicker { color: var(--green); }

.sec:not(.sec--tint) .lead,
.sec:not(.sec--tint) .t-soft,
.sec:not(.sec--tint) p { color: var(--ink-soft); }

.sec:not(.sec--tint) .t-muted { color: var(--ink-mute); }

/* البطاقات والألواح فوق الأبيض */
.sec:not(.sec--tint) .panel,
.sec:not(.sec--tint) .evt,
.sec:not(.sec--tint) .tile,
.sec:not(.sec--tint) .evgroup,
.sec:not(.sec--tint) .ndmap,
.sec:not(.sec--tint) .tbl-wrap,
.sec:not(.sec--tint) .pod,
.sec:not(.sec--tint) .pod-sum,
.sec:not(.sec--tint) .ccard,
.sec:not(.sec--tint) .goals,
.sec:not(.sec--tint) .facts,
.sec:not(.sec--tint) .step {
  background: var(--paper-2);
  border-color: rgba(0, 52, 58, .12);
  box-shadow: 0 6px 22px rgba(0, 52, 58, .06);
}

.sec:not(.sec--tint) .panel__h,
.sec:not(.sec--tint) .evt__t,
.sec:not(.sec--tint) .h-card,
.sec:not(.sec--tint) .evgroup__d,
.sec:not(.sec--tint) .ndmap__when b,
.sec:not(.sec--tint) .step h4,
.sec:not(.sec--tint) .fact b,
.sec:not(.sec--tint) .crow__v,
.sec:not(.sec--tint) .tbl td,
.sec:not(.sec--tint) .tbl th,
.sec:not(.sec--tint) .list li,
.sec:not(.sec--tint) .ndmap__list a { color: var(--ink-text); }

.sec:not(.sec--tint) .evt__desc,
.sec:not(.sec--tint) .evt__sub,
.sec:not(.sec--tint) .evt__meta,
.sec:not(.sec--tint) .crow__lb,
.sec:not(.sec--tint) .step__date,
.sec:not(.sec--tint) .fact span,
.sec:not(.sec--tint) .evgroup__c,
.sec:not(.sec--tint) .ndmap__count { color: var(--ink-mute); }

.sec:not(.sec--tint) .evgroup__s { background: var(--paper-2); }
.sec:not(.sec--tint) .evgroup[open] .evgroup__s { border-bottom-color: rgba(0, 52, 58, .1); }
.sec:not(.sec--tint) .tbl thead th { background: rgba(0, 137, 74, .08); }
.sec:not(.sec--tint) .tbl tbody tr:nth-child(even) td { background: rgba(0, 137, 74, .03); }

/* قيم الهوية: الألوان الداكنة على الأبيض لا تحتاج للتفتيح */
.sec:not(.sec--tint) .evt__value,
.sec:not(.sec--tint) .tile__trait,
.sec:not(.sec--tint) .ndval { color: var(--accent, var(--green)); }
.sec:not(.sec--tint) .evt__n,
.sec:not(.sec--tint) .ndmap__n { color: #fff; }
.sec:not(.sec--tint) .evt__cta,
.sec:not(.sec--tint) .tile__go { color: var(--green); }

/* الأزرار داخل الأقسام البيضاء */
.sec:not(.sec--tint) .btn--line { color: var(--green); border-color: rgba(0, 137, 74, .55); }
.sec:not(.sec--tint) .btn--line:hover { background: rgba(0, 137, 74, .08); }
.sec:not(.sec--tint) .btn--fill { color: #fff; }
.sec:not(.sec--tint) .btn--fill::before { background: var(--green); }
.sec:not(.sec--tint) .btn--fill:hover::before { background: var(--green-hi); }

/* الروابط داخل الأقسام البيضاء */
.sec:not(.sec--tint) a:not(.btn):not(.evt__cta):not(.tile__link) { color: var(--green); }

/* الشريط الفرعي في صفحات المسابقات */
.subnav { background: rgba(255, 255, 255, .92); border-color: rgba(0, 52, 58, .12); backdrop-filter: blur(8px); }
.subnav a { color: var(--ink-soft); }
.subnav a.is-active { color: var(--green); }

/* بطل صفحات المسابقات (.phero) يبقى أخضر داكنًا لتناسق الترويسة */
.phero { background: #00343a; color: #fff; }
.phero h1, .phero .h-sec { color: #fff; }
.phero .kicker { color: var(--lime); }

/* الترويسة الثابتة: خلفية داكنة دائمًا (بعض الصفحات تبدأ بقسم أبيض مباشرة) */
.nav { background: rgba(0, 38, 40, .9); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); }

/* رابط "تسجيل الحضور" في القائمة العلوية */
.nav__menu a.nav__reg { color: var(--lime-hi); font-weight: 700; }
.nav__menu a.nav__reg i { margin-inline-start: 2px; }

/* الصور المفصولة (الرئيس) تبقى بخلفية داكنة لأن قسم الكلمة .sec--tint */

/* الفاصل بين الأقسام البيضاء والخضراء: حافة ناعمة */
.sec:not(.sec--tint) + .sec--tint,
.sec--tint + .sec:not(.sec--tint) { border-top: 1px solid rgba(0, 52, 58, .08); }

/* صفحات تبدأ بقسم عادي مباشرة تحت الترويسة الثابتة (التذكرة، الإغلاق، الخطأ) */
main > .sec:first-child { padding-top: 130px; }
@media (max-width: 480px) { main > .sec:first-child { padding-top: 108px; } }

/* الطباعة: كل شيء أبيض */
@media print {
  .sec, .sec--tint, .phero { background: #fff !important; color: #000 !important; }
}