/* ===== Virtam · الثيم الفاتح (ورق كريمي، والأفلام والرادار شاشات غامقة معروضة عليه) ===== */
html[data-theme=light]{
  --ink:#F3EEE5;--ink2:#EBE4D8;--ink3:#E2D9CA;--ivory:#16130F;--mute:#5A544B;--dim:#6E675C;
  --line:rgba(22,19,15,.12);--line2:rgba(22,19,15,.22);--gold:#8C5E2E;--ph:#127A4E;--amber:#9A6206;--red:#B4382B;
  color-scheme:light;
}
/* الأسطح اللي فوق فيلم أو شاشة: بترجع لألوان الليل */
html[data-theme=light] .open,html[data-theme=light] .stage,html[data-theme=light] .contact .ct-inner,
html[data-theme=light] .card,html[data-theme=light] .lap,html[data-theme=light] .viewer .vw-stage,html[data-theme=light] .sv-peek{
  --ink:#0A0C0B;--ink2:#111513;--ivory:#F1ECE3;--mute:#B5BAB4;--dim:#8a918c;--line:rgba(241,236,227,.1);--line2:rgba(241,236,227,.22);
  --gold:#D7B38D;--ph:#7DFFBE;--amber:#FFC15A;--red:#FF6A5A;color:var(--ivory)}

html[data-theme=light] body,html[data-theme=light] body.cine{background:var(--ink);color:var(--ivory)}
html[data-theme=light] .night,html[data-theme=light] .cine .services,html[data-theme=light] .cine .work,
html[data-theme=light] .cine .process,html[data-theme=light] .cine .foot{background:var(--ink)}
html[data-theme=light] .night{background:linear-gradient(180deg,var(--ink),var(--ink2))}

/* القائمة */
html[data-theme=light] .cine .nav:not(.solid){background:none}
html[data-theme=light] .nav.solid{background:rgba(243,238,229,.9);border-bottom-color:var(--line)}
html[data-theme=light] .brand svg{stroke:var(--gold)}

/* الافتتاحية: أشرطة الفيلم بلون الورق */
html[data-theme=light] .lbox{background:#F3EEE5}
html[data-theme=light] .open{background:#F3EEE5}
html[data-theme=light] .open .film{border-radius:2px}
html[data-theme=light] .lbox-s{background:#0A0C0B}

/* غرفة التحكم: الرادار جهاز غامق على طاولة فاتحة */
html[data-theme=light] .cine .hero{background:radial-gradient(ellipse 60% 70% at 30% 55%,#E6EDE5 0%,var(--ink) 70%)}
html[data-theme=light][dir=ltr] .cine .hero{background:radial-gradient(ellipse 60% 70% at 70% 55%,#E6EDE5 0%,var(--ink) 70%)}
html[data-theme=light] .scope{box-shadow:0 40px 90px rgba(40,30,15,.28),0 0 0 1px rgba(0,0,0,.06)}
html[data-theme=light] .readout{color:#2a6a4c}
html[data-theme=light] .readout b{color:#127A4E}
html[data-theme=light] .readout span{color:#3d6b55}
html[data-theme=light] .readout .sim{color:#9A6206}
html[data-theme=light] .filters button[aria-selected=true]{background:rgba(18,122,78,.1);border-color:rgba(18,122,78,.45);color:#127A4E}
html[data-theme=light] .card p{color:#c4c9c4}
html[data-theme=light] .log li{color:#2c2822;border-bottom-color:rgba(22,19,15,.08)}
html[data-theme=light] .log li i{box-shadow:none}
html[data-theme=light] .log-h{color:var(--dim)}

/* الخدمات */
html[data-theme=light] .sv-list li::before{background:linear-gradient(90deg,transparent,rgba(140,94,46,.08),transparent)}

/* العرض الأول والأعمال */
html[data-theme=light] .screen-stage{background:radial-gradient(ellipse 45% 60% at 50% 40%,rgba(255,255,255,.9),transparent 70%),radial-gradient(ellipse 70% 30% at 50% 100%,rgba(40,30,15,.08),transparent 70%),#E9E2D5}
html[data-theme=light] .lap .base{background:linear-gradient(#cfc9be,#9d978c)}
html[data-theme=light] .lap .scr{box-shadow:0 0 0 1px rgba(0,0,0,.2),0 50px 100px rgba(40,30,15,.35)}
html[data-theme=light] .lap .ph{border-color:#2a2b2a;box-shadow:0 30px 60px rgba(40,30,15,.35)}
html[data-theme=light] .wk{background:#FBF8F2;box-shadow:0 1px 0 rgba(0,0,0,.02)}
html[data-theme=light] .wk:hover{border-color:rgba(140,94,46,.45)}
html[data-theme=light] .tabs button[aria-selected=true] small{color:#c9c2b5}
html[data-theme=light] .why-grid div{background:transparent}
html[data-theme=light] .viewer{background:#FBF8F2;color:#16130F}
html[data-theme=light] .viewer::backdrop{background:rgba(30,25,18,.55)}
html[data-theme=light] .viewer .vw-bar{--ivory:#16130F;--mute:#5A544B;--line:rgba(22,19,15,.12);--line2:rgba(22,19,15,.22);--ink:#F3EEE5}

/* الختام: الفيلم بيضل، والإطار ورق */
html[data-theme=light] .cine .contact{background:var(--ink)}
html[data-theme=light] .cine .contact .btn.solid{background:#F1ECE3;color:#0A0C0B}

/* مؤشر الماوس */
html[data-theme=light] .cursor{border-color:rgba(18,122,78,.7)}
html[data-theme=light] .cursor::before,html[data-theme=light] .cursor::after{background:rgba(18,122,78,.8)}

/* زر الثيم */
.thm{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);display:inline-grid;place-items:center}
.thm svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.thm .sun{display:none}
html[data-theme=light] .thm .sun{display:block}
html[data-theme=light] .thm .moon{display:none}