/* دیمه — تم سفید/مشکی برای صفحه‌های معرفی (site.html و website.html).
   این صفحه‌ها ذاتاً سینمایی و عکس‌محورند: بخش‌های «همیشه تیره» (هیرو، صحنه تمام‌عرض، کارت تماس، لودر و
   ناوبری روی هیرو) متغیرهای تیره را نگه می‌دارند و بقیه‌ی صفحه با تم انتخابی عوض می‌شود. */
:root{--bg:var(--dr-bg);--ink:var(--dr-txt);--mut:var(--dr-mut);--stroke:var(--dr-line);--glass:var(--dr-panel);--red:var(--dr-red);--red2:var(--dr-red)}
body{background:radial-gradient(60vmax 60vmax at 0% 0%,var(--dr-glow-a),transparent 62%),radial-gradient(70vmax 70vmax at 100% 100%,var(--dr-glow-b),transparent 60%),var(--dr-bg) fixed;color:var(--dr-txt)}
/* ناحیه‌های همیشه‌تیره */
#hero,.scenewrap,#contact .card,#loader,nav:not(.solid){--ink:#F5F3F7;--mut:#B3AFBE;--stroke:rgba(255,255,255,.12);--glass:rgba(255,255,255,.05);--red:#E11D2E;color:#F5F3F7}
#hero .shade{background:linear-gradient(180deg,rgba(5,5,7,.75) 0%,rgba(5,5,7,.15) 34%,rgba(5,5,7,.32) 62%,var(--dr-bg) 100%),radial-gradient(60% 50% at 78% 62%,transparent 30%,rgba(5,5,7,.5) 100%)}
:root[data-theme=light] #hero .shade{background:linear-gradient(180deg,rgba(5,5,7,.75) 0%,rgba(5,5,7,.15) 34%,rgba(5,5,7,.32) 62%,rgba(244,243,241,.96) 100%),radial-gradient(60% 50% at 78% 62%,transparent 30%,rgba(5,5,7,.5) 100%)}
:root[data-theme=light] #hero .wrap{color:#F5F3F7}
.dm{color:var(--ink)}
nav.solid .in{background:var(--dr-panel2);border-color:var(--dr-line)}
.pill-ghost{background:var(--dr-panel);color:var(--ink);border:1px solid var(--stroke)}.pill-ghost:hover{background:var(--dr-well)}
#hero .pill-ghost,#contact .pill-ghost,nav:not(.solid) .pill-ghost{background:rgba(255,255,255,.1);color:#fff}
.marq{background:var(--dr-well)}
.marq span{-webkit-text-stroke:1.2px color-mix(in srgb,var(--dr-txt) 26%,transparent)}.marq span.f{-webkit-text-stroke:0}
.tag,.kick{color:var(--dr-red)}
#hero .kick{color:#ff97a0}
.size:hover{box-shadow:0 30px 70px -30px rgba(14,14,16,.5),0 0 50px rgba(225,29,46,.1)}
.c-v{background:var(--dr-well);color:var(--dr-mut)}
.note b,.row:hover{color:var(--ink)}
.row{border-bottom-color:var(--dr-line)}
footer{border-top-color:var(--dr-line)}
.rows .row small{color:var(--dr-mut)}
.frame{box-shadow:0 40px 90px -40px rgba(14,14,16,.6)}
.feats span{color:#E6E3EE}
.phone,.company{color:#fff}.phone:hover{color:var(--dr-red)}
:root[data-theme=light] .sd,:root[data-theme=light] .note{color:var(--dr-mut)}
.dr-theme-toggle{position:fixed;bottom:16px;left:16px;z-index:9999;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid var(--dr-line);border-radius:50%;background:var(--dr-panel2);color:var(--dr-txt);cursor:pointer;box-shadow:var(--dr-sh);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.dr-theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media print{.dr-theme-toggle{display:none}}