/* ════════════════════════════════════════════════════════════════
theme.css · نظام الوضع الليلي/النهاري المشترك — ksa2030.one
----------------------------------------------------------------
اربط هذا الملف في كل صفحة (بعد ستايل الصفحة) هكذا:
ومعه theme.js قبل نهاية :
التحكم بكل الألوان من هنا (مكان واحد) — عدّل التوكنات فقط.
ملاحظة: إصلاحات العناصر أدناه تخص أسماء كلاسات المشروع؛
أي كلاس غير موجود في صفحة = القاعدة خاملة بلا ضرر.
════════════════════════════════════════════════════════════════ */
/* ───── التوكنات: غيّر الألوان من هنا فقط ───── */
:root{
--page-bg:#050a12;
--text:#ffffff;
--grid:rgba(255,255,255,0.02);
--ambient:
radial-gradient(ellipse at top right,rgba(76,175,80,0.18) 0%,transparent 50%),
radial-gradient(ellipse at top left,rgba(59,109,181,0.15) 0%,transparent 50%),
radial-gradient(ellipse at bottom center,rgba(232,197,71,0.08) 0%,transparent 60%),
linear-gradient(180deg,#050a12 0%,#0a1620 50%,#050a12 100%);
}
[data-theme="light"]{
--page-bg:#ece5d8;
--text:#2c281e;
--grid:rgba(94,70,40,0.035);
--ambient:
radial-gradient(ellipse at top right,rgba(184,134,46,0.10) 0%,transparent 55%),
radial-gradient(ellipse at top left,rgba(58,138,90,0.06) 0%,transparent 55%),
radial-gradient(ellipse at bottom center,rgba(212,166,87,0.07) 0%,transparent 60%),
linear-gradient(180deg,#f1ebe0 0%,#e7e0d2 50%,#f1ebe0 100%);
--c-text:#2c281e;
--c-dim:#6e6453;
--c-faint:#9a8f78;
--c-surface:#fffdf7;
--c-surface-t:rgba(255,253,248,0.72);
--c-border:rgba(94,74,44,0.16);
--c-border-soft:rgba(94,74,44,0.10);
--c-pill:rgba(94,74,44,0.06);
--c-gold:#b07d24;
--c-gold-bg:rgba(176,125,36,0.14);
--c-green:#3a8a5a;
--c-tools:linear-gradient(160deg,#fffdf7,#f3ece0);
--c-tbcard:linear-gradient(160deg,#fbf6ee,#f1e9db);
--c-modal:linear-gradient(135deg,#fffdf7,#f3ece0);
--c-reviews:linear-gradient(180deg,rgba(255,253,248,0.82),rgba(255,253,248,0.60));
--c-footer:linear-gradient(180deg,rgba(94,70,40,0.05),rgba(94,70,40,0.02));
--c-stat-a:#2e8b57;
--c-stat-b:#1f6e3f;
--c-shadow:0 4px 18px rgba(94,70,40,0.10);
--text-dim:#6e6453;
--text-mute:#9a8f78;
/* توكنات profile.html الدلالية — تقلب الكروت والنصوص والحدود تلقائياً */
--bg-elevated:#fffdf7;
--bg-overlay:rgba(94,74,44,0.05);
--bg-hover:rgba(94,74,44,0.09);
--text-primary:#2c281e;
--text-secondary:#5a5443;
--text-tertiary:#8a7f6a;
--border-light:rgba(94,74,44,0.10);
--border-medium:rgba(94,74,44,0.16);
--border-strong:rgba(94,74,44,0.22);
}
/* ───── الأساس: الخلفية + الشبكة (ألوان فقط — التموضع يبقى في ستايل الصفحة) ─────
يفترض أن الصفحة تستخدم html,body + .bg-layer + .bg-grid بنفس الأسماء.
لو الأسماء مختلفة في صفحة، نطابقها وقت الدمج. */
html,body{ background:var(--page-bg); color:var(--text); }
.bg-layer{ background:var(--ambient); }
.bg-grid{
background-image:
linear-gradient(var(--grid) 1px,transparent 1px),
linear-gradient(90deg,var(--grid) 1px,transparent 1px);
}
/* ───── زر التبديل + إصلاحات الوضع النهاري للعناصر ───── */
.theme-switch{padding:5px 11px;}
.theme-switch .theme-ico{font-size:0.98rem;line-height:1;display:inline-flex;}
[data-theme="light"] .orb{opacity:0.45;}
[data-theme="light"] .app-title{background:linear-gradient(135deg,var(--c-text),var(--c-green));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .app-sub{color:var(--c-dim);}
[data-theme="light"] .free-access-banner{background:linear-gradient(135deg,rgba(22,163,74,0.13),rgba(16,185,129,0.07));border-color:rgba(22,163,74,0.45);}
[data-theme="light"] .fab-title{color:#15803d;}
[data-theme="light"] .fab-sub{color:#3f8a5c;opacity:1;}
[data-theme="light"] .fab-arrow{color:#16a34a;}
[data-theme="light"] .fab-icon{background:rgba(22,163,74,0.15);border-color:rgba(22,163,74,0.40);}
[data-theme="light"] .brand-mark{background:var(--c-surface-t);border-color:var(--c-border);color:var(--c-text);}
[data-theme="light"] .lang-switch{background:var(--c-surface-t);border-color:var(--c-border);color:var(--c-text);}
[data-theme="light"] .trust-pill{background:var(--c-surface-t);border-color:var(--c-border);color:var(--c-text);}
[data-theme="light"] .stats-strip{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .stat-item .num{background:linear-gradient(135deg,var(--c-stat-a),var(--c-stat-b));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .stat-item .label{color:var(--c-dim);}
[data-theme="light"] .stat-divider{background:var(--c-border);}
[data-theme="light"] .social-proof-strip{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .sps-count{color:var(--c-dim);}
[data-theme="light"] .section-head .desc{color:var(--c-dim);}
[data-theme="light"] .faq-title{color:var(--c-text);}
[data-theme="light"] .faq-sub{color:var(--c-dim);}
[data-theme="light"] .section-head h3{color:var(--c-text);}
[data-theme="light"] .section-head .label{color:var(--c-green);}
[data-theme="light"] .cat-section{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .cat-title{color:var(--c-text);}
[data-theme="light"] .cat-sub{color:var(--c-dim);}
[data-theme="light"] .cat-count{background:var(--c-gold-bg);color:var(--c-gold);}
[data-theme="light"] .cat-chevron{background:var(--c-pill);color:var(--c-dim);}
[data-theme="light"] .preview-card{background:var(--c-surface);border-color:var(--c-border-soft);box-shadow:var(--c-shadow);}
[data-theme="light"] .card-text .title{color:var(--c-text);}
[data-theme="light"] .card-text .desc{color:var(--c-dim);}
[data-theme="light"] .card-action{background:var(--c-pill);border-color:var(--c-border);color:var(--c-dim);}
[data-theme="light"] .meta-pill{color:var(--c-dim);}
[data-theme="light"] .feature-card{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .feature-card .f-title{color:var(--c-text);}
[data-theme="light"] .feature-card .f-desc{color:var(--c-dim);}
[data-theme="light"] .tools-banner{background:var(--c-tools);}
[data-theme="light"] .tb-title{color:var(--c-text);}
[data-theme="light"] .tb-sub{color:var(--c-dim);}
[data-theme="light"] .tb-card{background:var(--c-tbcard);}
[data-theme="light"] .tb-card-title{color:var(--c-text);}
[data-theme="light"] .tb-card-go{color:var(--c-gold);}
[data-theme="light"] .reviews-section{background:var(--c-reviews);border-color:var(--c-border-soft);}
[data-theme="light"] .rv-title{color:var(--c-text);}
[data-theme="light"] .rv-sub{color:var(--c-dim);}
[data-theme="light"] .rv-loading,[data-theme="light"] .rv-load-info{color:var(--c-dim);}
[data-theme="light"] .rv-real-name{color:var(--c-text);}
[data-theme="light"] .rv-real-meta{color:var(--c-faint);}
[data-theme="light"] .rv-real-text{color:var(--c-dim);}
[data-theme="light"] .rv-empty-title{color:var(--c-text);}
[data-theme="light"] .rv-empty-text{color:var(--c-dim);}
[data-theme="light"] .rv-trust-label{color:var(--c-dim);}
[data-theme="light"] .rv-filter{background:var(--c-pill);border-color:var(--c-border);color:var(--c-dim);}
[data-theme="light"] .user-card{background:var(--c-surface-t);border-color:var(--c-border);}
[data-theme="light"] .user-name{color:var(--c-text);}
[data-theme="light"] .user-email{color:var(--c-dim);}
[data-theme="light"] .modal-divider span{color:var(--c-faint);}
[data-theme="light"] .footer-contact-icon span{color:var(--c-dim);}
[data-theme="light"] .site-footer{background:var(--c-footer);}
[data-theme="light"] .footer-logo-text{color:var(--c-text);}
[data-theme="light"] .footer-tagline{color:var(--c-dim);}
[data-theme="light"] .footer-copy{color:var(--c-faint);border-top-color:var(--c-border-soft);}
[data-theme="light"] .footer-links a{background:var(--c-pill);border-color:var(--c-border);color:var(--c-text);}
[data-theme="light"] .modal-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .modal-title h3{color:var(--c-text);}
[data-theme="light"] .modal-title p{color:var(--c-dim);}
[data-theme="light"] .modal-hint{color:var(--c-faint);}
[data-theme="light"] .modal-close{color:var(--c-dim);}
[data-theme="light"] .form-label{color:var(--c-text);}
[data-theme="light"] .form-input{background:var(--c-pill);border-color:var(--c-border);color:var(--c-text);}
/* ───── إصلاحات login.html ───── */
[data-theme="light"] .auth-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .brand-name{background:linear-gradient(90deg,var(--c-text),var(--c-gold));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .brand-tagline{color:var(--c-gold);}
[data-theme="light"] .form-title{color:var(--c-text);}
[data-theme="light"] .form-subtitle{color:var(--c-dim);}
[data-theme="light"] .tab-btn{color:var(--c-dim);}
[data-theme="light"] .tab-btn.active{background:var(--c-surface);color:var(--c-text);border-color:var(--c-gold);}
[data-theme="light"] .field label{color:var(--c-dim);}
[data-theme="light"] .field input{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border);}
[data-theme="light"] .field input::placeholder{color:var(--c-faint);}
[data-theme="light"] .divider{color:var(--c-faint);}
/* ───── إصلاحات pay.html (نموذج Moyasar .mysr-form غير ممسوس) ───── */
[data-theme="light"] .top-nav{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .nav-btn{background:var(--c-pill);border-color:var(--c-border);color:var(--c-text);}
[data-theme="light"] .nav-brand{color:var(--c-text);}
[data-theme="light"] .order-summary-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .payment-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .coupon-section{background:var(--c-pill);border-color:var(--c-border-soft);}
[data-theme="light"] .payment-logos{background:var(--c-pill);}
[data-theme="light"] .price-strike{color:var(--c-faint);}
[data-theme="light"] .feature-row{color:var(--c-text);}
[data-theme="light"] .payment-header-text h2{color:var(--c-text);}
[data-theme="light"] .login-required h3{color:var(--c-text);}
[data-theme="light"] .product-title{background:linear-gradient(135deg,#c8902a,#936515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .price-number{background:linear-gradient(135deg,#c8902a,#936515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .price-once{color:var(--c-gold);}
[data-theme="light"] .trust-item .label{color:#2e7d32;}
/* ───── إصلاحات profile.html (الكروت تقلب عبر التوكنات؛ هنا الألوان غير التوكنية) ───── */
[data-theme="light"] .nav{background:var(--c-surface-t);border-color:var(--c-border-soft);}
[data-theme="light"] .hero-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .stat{background:var(--c-surface);border-color:var(--c-border-soft);}
[data-theme="light"] .tab.active{background:var(--c-surface);color:var(--c-text);}
[data-theme="light"] .stat-label{color:var(--c-dim);}
[data-theme="light"] .profile-greeting{color:var(--c-gold);}
[data-theme="light"] .profile-name{background:linear-gradient(135deg,#c8902a,#936515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .stat-num{background:linear-gradient(135deg,#c8902a,#936515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
[data-theme="light"] .profile-user-id{background:var(--c-gold-bg);}
[data-theme="light"] .panel-card{background:var(--c-modal);border-color:var(--c-border);}
[data-theme="light"] .bg-base{background:var(--ambient);}
[data-theme="light"] .nav-name{background:linear-gradient(135deg,#c8902a,#936515);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
/* ═══════════════════════════════════════════════════════════════ */
/* أدوات الباركود (qr.html + pdf-qr.html) — توكنات الوضع الفاتح */
/* الإطار الأبيض للباركود ثابت (#fff) ولا يتأثر — هذي توكنات الواجهة فقط */
[data-theme="light"]{
--navy:#ece5d8;
--navy-2:#e7ddcb;
--navy-3:#f1ebe0;
--surface:#fffdf7;
--surface-2:#f3ece0;
--teal:#1e6b8a;
--teal-bright:#2a8aab;
--teal-deep:#185670;
--gold:#b07d24;
--gold-soft:#936515;
--text-faint:#9a8f78;
--border:rgba(94,74,44,0.16);
--border-gold:rgba(176,125,36,0.28);
--green:#3a8a5a;
--red:#c0362b;
--red-soft:#a82e24;
}
/* أدوات الباركود — إصلاحات بصرية للوضع الفاتح (qr.html + pdf-qr.html فقط؛ index ثيمه مدمج فلا يتأثر) */
/* توهّجات الخلفية: من تركوازي/ذهبي غامق → دافئ فاتح يمتزج مع الكريمي */
[data-theme="light"] .bg-fx::before{background:radial-gradient(circle, rgba(176,125,36,0.09) 0%, transparent 65%);}
[data-theme="light"] .bg-fx::after{background:radial-gradient(circle, rgba(94,70,40,0.05) 0%, transparent 65%);}
/* العنوان المتدرّج: من (نص فاتح→تركوازي فاتح) → فحمي غامق→تركوازي عميق للوضوح على الكريمي */
[data-theme="light"] .title{background:linear-gradient(120deg,#2b2419,#1e6b8a 92%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
/* أدوات التحويل لرابط — رسالة النجاح الخضراء أغمق للوضوح على الكريمي */
/* (image-to-link · video-to-link · pdf-to-link · image-to-pdf) */
[data-theme="light"] .result-title{color:#15803d;}
[data-theme="light"] #whatsappShare{color:#15803d!important;}