/* ==========================================================================
   تمِ روشنِ مینی‌اپ — فقط وقتی فعال است که <html data-theme="light"> باشد؛ تیره دست‌نخورده می‌ماند.
   منطقِ انتخاب (تیره/روشن/مطابقِ دستگاه): src/platform/theme.ts
   ۱) توکن‌های سراسری  ۲) نگاشتِ ابزارک‌های tailwind که برای زمینه‌ی تیره نوشته شده‌اند
   ۳) بخش‌های دارای CSSِ اختصاصی (چت، ماشین‌حساب، مودال‌ها)
   ========================================================================== */

html[data-theme="light"] {
    --bg-primary: #f3f5f9;
    --bg-secondary: #ffffff;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --accent: #0f766e;
    --brand: #0f766e;
    --brand-hover: #115e59;
    --brand-gradient: linear-gradient(135deg, #0f766e, #115e59);
    --border-color: #d3dae5;
    --card-bg: #ffffff;
    --card-bg-rgb: 255, 255, 255;
    --card-border: rgba(15, 23, 42, 0.08);
    --card-shadow: 0 8px 24px -14px rgba(15, 23, 42, 0.22);
    --button-bg: #0f766e;
    --button-text: #ffffff;
    --input-bg: #f8fafc;
    color-scheme: light;
}

html[data-theme="light"] body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

/* ── ۲) نگاشتِ ابزارک‌های tailwind که برای زمینه‌ی تیره نوشته شده‌اند ── */
html[data-theme="light"] .bg-gray-900 { background-color:#eef2f7 }
html[data-theme="light"] .bg-slate-900 { background-color:#eef2f7 }
html[data-theme="light"] .bg-\[\#0f172a\] { background-color:#eef2f7 }
html[data-theme="light"] .bg-gray-900\/50 { background-color:#eef2f7 }
html[data-theme="light"] .bg-gray-900\/30 { background-color:#eef2f7 }
html[data-theme="light"] .bg-slate-950\/80 { background-color:#eef2f7 }
html[data-theme="light"] .bg-gray-800 { background-color:#e8edf4 }
html[data-theme="light"] .bg-slate-800 { background-color:#e8edf4 }
html[data-theme="light"] .bg-\[\#1e293b\] { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-850 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-750 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-800\/90 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-800\/80 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-800\/70 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-800\/50 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-800\/20 { background-color:#e8edf4 }
html[data-theme="light"] .bg-slate-800\/80 { background-color:#e8edf4 }
html[data-theme="light"] .bg-slate-800\/60 { background-color:#e8edf4 }
html[data-theme="light"] .bg-slate-900\/95 { background-color:#e8edf4 }
html[data-theme="light"] .bg-gray-700 { background-color:#dbe2ec }
html[data-theme="light"] .bg-slate-700 { background-color:#dbe2ec }
html[data-theme="light"] .bg-gray-700\/80 { background-color:#dbe2ec }
html[data-theme="light"] .bg-gray-700\/50 { background-color:#dbe2ec }
html[data-theme="light"] .hover\:bg-gray-600:hover { background-color:#cdd6e3 }
html[data-theme="light"] .hover\:bg-gray-700:hover { background-color:#cdd6e3 }
html[data-theme="light"] .hover\:bg-gray-700\/80:hover { background-color:#cdd6e3 }
html[data-theme="light"] .hover\:bg-slate-700:hover { background-color:#cdd6e3 }
html[data-theme="light"] .bg-white\/5 { background-color:rgba(15,23,42,.05) }
html[data-theme="light"] .bg-white\/10 { background-color:rgba(15,23,42,.07) }
html[data-theme="light"] .bg-white\/20 { background-color:rgba(15,23,42,.12) }
html[data-theme="light"] .bg-white\/50 { background-color:rgba(255,255,255,.7) }
html[data-theme="light"] .hover\:bg-white\/5:hover { background-color:rgba(15,23,42,.05) }
html[data-theme="light"] .hover\:bg-white\/10:hover { background-color:rgba(15,23,42,.08) }
html[data-theme="light"] .hover\:bg-white\/20:hover { background-color:rgba(15,23,42,.12) }
html[data-theme="light"] .active\:bg-white\/15:active { background-color:rgba(15,23,42,.1) }
html[data-theme="light"] .border-gray-700 { border-color:#d3dae5 }
html[data-theme="light"] .border-slate-700 { border-color:#d3dae5 }
html[data-theme="light"] .border-gray-600 { border-color:#d3dae5 }
html[data-theme="light"] .border-gray-700\/80 { border-color:#d3dae5 }
html[data-theme="light"] .border-gray-700\/50 { border-color:#d3dae5 }
html[data-theme="light"] .border-gray-700\/40 { border-color:#d3dae5 }
html[data-theme="light"] .border-slate-700\/50 { border-color:#d3dae5 }
html[data-theme="light"] .border-gray-800 { border-color:#e2e8f0 }
html[data-theme="light"] .border-slate-800 { border-color:#e2e8f0 }
html[data-theme="light"] .border-gray-800\/50 { border-color:#e2e8f0 }
html[data-theme="light"] .border-white\/5 { border-color:rgba(15,23,42,.08) }
html[data-theme="light"] .border-white\/10 { border-color:rgba(15,23,42,.1) }
html[data-theme="light"] .border-white\/20 { border-color:rgba(15,23,42,.16) }
html[data-theme="light"] .divide-white\/10 > :not([hidden]) ~ :not([hidden]) { border-color:rgba(15,23,42,.1) }
html[data-theme="light"] .text-gray-100 { color:#0f172a }
html[data-theme="light"] .text-gray-200 { color:#0f172a }
html[data-theme="light"] .text-gray-300 { color:#334155 }
html[data-theme="light"] .text-slate-300 { color:#334155 }
html[data-theme="light"] .text-gray-400 { color:#64748b }
html[data-theme="light"] .text-slate-400 { color:#64748b }
html[data-theme="light"] .hover\:text-gray-200:hover { color:#0f172a }
html[data-theme="light"] .text-brand-300 { color:#0f766e }
html[data-theme="light"] .text-brand-400 { color:#0f766e }
html[data-theme="light"] .text-brand-500 { color:#0f766e }
html[data-theme="light"] .text-brand-600 { color:#0f766e }
html[data-theme="light"] .text-teal-400 { color:#0f766e }
html[data-theme="light"] .text-emerald-300 { color:#0f766e }
html[data-theme="light"] .text-emerald-400 { color:#0f766e }
html[data-theme="light"] .text-emerald-500 { color:#0f766e }
html[data-theme="light"] .text-emerald-600 { color:#0f766e }
html[data-theme="light"] .text-green-400 { color:#15803d }
html[data-theme="light"] .text-green-500 { color:#15803d }
html[data-theme="light"] .text-green-600 { color:#15803d }
html[data-theme="light"] .text-red-400 { color:#dc2626 }
html[data-theme="light"] .text-red-500 { color:#dc2626 }
html[data-theme="light"] .text-red-600 { color:#b91c1c }
html[data-theme="light"] .text-yellow-200\/80 { color:#b45309 }
html[data-theme="light"] .text-yellow-400 { color:#b45309 }
html[data-theme="light"] .text-yellow-500 { color:#b45309 }
html[data-theme="light"] .text-amber-300 { color:#b45309 }
html[data-theme="light"] .text-amber-400 { color:#b45309 }
html[data-theme="light"] .text-amber-500 { color:#b45309 }
html[data-theme="light"] .text-orange-300 { color:#b45309 }
html[data-theme="light"] .text-orange-400 { color:#b45309 }
html[data-theme="light"] .text-blue-300 { color:#1d4ed8 }
html[data-theme="light"] .text-blue-400 { color:#1d4ed8 }
html[data-theme="light"] .text-blue-500 { color:#1d4ed8 }
html[data-theme="light"] .text-purple-400 { color:#7e22ce }
html[data-theme="light"] .text-purple-500 { color:#7e22ce }
html[data-theme="light"] .text-rose-400 { color:#be123c }
html[data-theme="light"] .text-emerald-200\/90 { color:#047857 }
html[data-theme="light"] .hover\:text-brand-500:hover { color:#115e59 }
html[data-theme="light"] .bg-brand-500 { background-color:#0f766e }
html[data-theme="light"] .bg-brand-600 { background-color:#0f766e }
html[data-theme="light"] .hover\:bg-brand-600:hover { background-color:#115e59 }
html[data-theme="light"] .from-brand-500 { --tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 118 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) }
html[data-theme="light"] .from-brand-600 { --tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 118 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) }
html[data-theme="light"] .from-emerald-500 { --tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 118 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) }
html[data-theme="light"] .from-emerald-600 { --tw-gradient-from:#0f766e var(--tw-gradient-from-position);--tw-gradient-to:rgb(15 118 110 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to) }
html[data-theme="light"] .to-brand-600 { --tw-gradient-to:#115e59 var(--tw-gradient-to-position) }
html[data-theme="light"] .to-teal-600 { --tw-gradient-to:#115e59 var(--tw-gradient-to-position) }
html[data-theme="light"] .to-teal-400 { --tw-gradient-to:#115e59 var(--tw-gradient-to-position) }
html[data-theme="light"] .to-emerald-500 { --tw-gradient-to:#115e59 var(--tw-gradient-to-position) }
html[data-theme="light"] .hover\:to-brand-700 { --tw-gradient-to:#115e59 var(--tw-gradient-to-position) }
html[data-theme="light"] .to-blue-500 { --tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position) }
html[data-theme="light"] .bg-green-500 { background-color:#15803d }
html[data-theme="light"] .bg-emerald-500 { background-color:#047857 }
html[data-theme="light"] .bg-red-500 { background-color:#dc2626 }
html[data-theme="light"] .bg-blue-600 { background-color:#1d4ed8 }
html[data-theme="light"] .bg-purple-500 { background-color:#7e22ce }
html[data-theme="light"] .bg-green-900\/10 { background-color:#dcfce7 }
html[data-theme="light"] .hover\:bg-green-900\/10:hover { background-color:#dcfce7 }
html[data-theme="light"] .bg-green-900\/20 { background-color:#dcfce7 }
html[data-theme="light"] .hover\:bg-green-900\/20:hover { background-color:#dcfce7 }
html[data-theme="light"] .bg-green-900\/30 { background-color:#dcfce7 }
html[data-theme="light"] .hover\:bg-green-900\/30:hover { background-color:#dcfce7 }
html[data-theme="light"] .bg-green-900\/40 { background-color:#dcfce7 }
html[data-theme="light"] .hover\:bg-green-900\/40:hover { background-color:#dcfce7 }
html[data-theme="light"] .bg-green-900\/50 { background-color:#dcfce7 }
html[data-theme="light"] .hover\:bg-green-900\/50:hover { background-color:#dcfce7 }
html[data-theme="light"] .bg-red-900\/10 { background-color:#fee2e2 }
html[data-theme="light"] .hover\:bg-red-900\/10:hover { background-color:#fee2e2 }
html[data-theme="light"] .bg-red-900\/20 { background-color:#fee2e2 }
html[data-theme="light"] .hover\:bg-red-900\/20:hover { background-color:#fee2e2 }
html[data-theme="light"] .bg-red-900\/30 { background-color:#fee2e2 }
html[data-theme="light"] .hover\:bg-red-900\/30:hover { background-color:#fee2e2 }
html[data-theme="light"] .bg-red-900\/40 { background-color:#fee2e2 }
html[data-theme="light"] .hover\:bg-red-900\/40:hover { background-color:#fee2e2 }
html[data-theme="light"] .bg-red-900\/50 { background-color:#fee2e2 }
html[data-theme="light"] .hover\:bg-red-900\/50:hover { background-color:#fee2e2 }
html[data-theme="light"] .bg-blue-900\/10 { background-color:#dbeafe }
html[data-theme="light"] .hover\:bg-blue-900\/10:hover { background-color:#dbeafe }
html[data-theme="light"] .bg-blue-900\/20 { background-color:#dbeafe }
html[data-theme="light"] .hover\:bg-blue-900\/20:hover { background-color:#dbeafe }
html[data-theme="light"] .bg-blue-900\/30 { background-color:#dbeafe }
html[data-theme="light"] .hover\:bg-blue-900\/30:hover { background-color:#dbeafe }
html[data-theme="light"] .bg-blue-900\/40 { background-color:#dbeafe }
html[data-theme="light"] .hover\:bg-blue-900\/40:hover { background-color:#dbeafe }
html[data-theme="light"] .bg-blue-900\/50 { background-color:#dbeafe }
html[data-theme="light"] .hover\:bg-blue-900\/50:hover { background-color:#dbeafe }
html[data-theme="light"] .bg-yellow-900\/10 { background-color:#fef9c3 }
html[data-theme="light"] .hover\:bg-yellow-900\/10:hover { background-color:#fef9c3 }
html[data-theme="light"] .bg-yellow-900\/20 { background-color:#fef9c3 }
html[data-theme="light"] .hover\:bg-yellow-900\/20:hover { background-color:#fef9c3 }
html[data-theme="light"] .bg-yellow-900\/30 { background-color:#fef9c3 }
html[data-theme="light"] .hover\:bg-yellow-900\/30:hover { background-color:#fef9c3 }
html[data-theme="light"] .bg-yellow-900\/40 { background-color:#fef9c3 }
html[data-theme="light"] .hover\:bg-yellow-900\/40:hover { background-color:#fef9c3 }
html[data-theme="light"] .bg-yellow-900\/50 { background-color:#fef9c3 }
html[data-theme="light"] .hover\:bg-yellow-900\/50:hover { background-color:#fef9c3 }
html[data-theme="light"] .bg-amber-900\/10 { background-color:#fef3c7 }
html[data-theme="light"] .hover\:bg-amber-900\/10:hover { background-color:#fef3c7 }
html[data-theme="light"] .bg-amber-900\/20 { background-color:#fef3c7 }
html[data-theme="light"] .hover\:bg-amber-900\/20:hover { background-color:#fef3c7 }
html[data-theme="light"] .bg-amber-900\/30 { background-color:#fef3c7 }
html[data-theme="light"] .hover\:bg-amber-900\/30:hover { background-color:#fef3c7 }
html[data-theme="light"] .bg-amber-900\/40 { background-color:#fef3c7 }
html[data-theme="light"] .hover\:bg-amber-900\/40:hover { background-color:#fef3c7 }
html[data-theme="light"] .bg-amber-900\/50 { background-color:#fef3c7 }
html[data-theme="light"] .hover\:bg-amber-900\/50:hover { background-color:#fef3c7 }
html[data-theme="light"] .bg-purple-900\/10 { background-color:#f3e8ff }
html[data-theme="light"] .hover\:bg-purple-900\/10:hover { background-color:#f3e8ff }
html[data-theme="light"] .bg-purple-900\/20 { background-color:#f3e8ff }
html[data-theme="light"] .hover\:bg-purple-900\/20:hover { background-color:#f3e8ff }
html[data-theme="light"] .bg-purple-900\/30 { background-color:#f3e8ff }
html[data-theme="light"] .hover\:bg-purple-900\/30:hover { background-color:#f3e8ff }
html[data-theme="light"] .bg-purple-900\/40 { background-color:#f3e8ff }
html[data-theme="light"] .hover\:bg-purple-900\/40:hover { background-color:#f3e8ff }
html[data-theme="light"] .bg-purple-900\/50 { background-color:#f3e8ff }
html[data-theme="light"] .hover\:bg-purple-900\/50:hover { background-color:#f3e8ff }
html[data-theme="light"] .bg-emerald-900\/10 { background-color:#d1fae5 }
html[data-theme="light"] .hover\:bg-emerald-900\/10:hover { background-color:#d1fae5 }
html[data-theme="light"] .bg-emerald-900\/20 { background-color:#d1fae5 }
html[data-theme="light"] .hover\:bg-emerald-900\/20:hover { background-color:#d1fae5 }
html[data-theme="light"] .bg-emerald-900\/30 { background-color:#d1fae5 }
html[data-theme="light"] .hover\:bg-emerald-900\/30:hover { background-color:#d1fae5 }
html[data-theme="light"] .bg-emerald-900\/40 { background-color:#d1fae5 }
html[data-theme="light"] .hover\:bg-emerald-900\/40:hover { background-color:#d1fae5 }
html[data-theme="light"] .bg-emerald-900\/50 { background-color:#d1fae5 }
html[data-theme="light"] .hover\:bg-emerald-900\/50:hover { background-color:#d1fae5 }
html[data-theme="light"] .bg-orange-900\/10 { background-color:#ffedd5 }
html[data-theme="light"] .hover\:bg-orange-900\/10:hover { background-color:#ffedd5 }
html[data-theme="light"] .bg-orange-900\/20 { background-color:#ffedd5 }
html[data-theme="light"] .hover\:bg-orange-900\/20:hover { background-color:#ffedd5 }
html[data-theme="light"] .bg-orange-900\/30 { background-color:#ffedd5 }
html[data-theme="light"] .hover\:bg-orange-900\/30:hover { background-color:#ffedd5 }
html[data-theme="light"] .bg-orange-900\/40 { background-color:#ffedd5 }
html[data-theme="light"] .hover\:bg-orange-900\/40:hover { background-color:#ffedd5 }
html[data-theme="light"] .bg-orange-900\/50 { background-color:#ffedd5 }
html[data-theme="light"] .hover\:bg-orange-900\/50:hover { background-color:#ffedd5 }
html[data-theme="light"] .bg-brand-900\/10 { background-color:#ccfbf1 }
html[data-theme="light"] .hover\:bg-brand-900\/10:hover { background-color:#ccfbf1 }
html[data-theme="light"] .bg-brand-900\/20 { background-color:#ccfbf1 }
html[data-theme="light"] .hover\:bg-brand-900\/20:hover { background-color:#ccfbf1 }
html[data-theme="light"] .bg-brand-900\/30 { background-color:#ccfbf1 }
html[data-theme="light"] .hover\:bg-brand-900\/30:hover { background-color:#ccfbf1 }
html[data-theme="light"] .bg-brand-900\/40 { background-color:#ccfbf1 }
html[data-theme="light"] .hover\:bg-brand-900\/40:hover { background-color:#ccfbf1 }
html[data-theme="light"] .bg-brand-900\/50 { background-color:#ccfbf1 }
html[data-theme="light"] .hover\:bg-brand-900\/50:hover { background-color:#ccfbf1 }
html[data-theme="light"] .bg-brand-900 { background-color:#ccfbf1 }
html[data-theme="light"] .border-green-700 { border-color:#86efac }
html[data-theme="light"] .border-green-700\/30 { border-color:#86efac }
html[data-theme="light"] .border-green-700\/50 { border-color:#86efac }
html[data-theme="light"] .border-green-800 { border-color:#86efac }
html[data-theme="light"] .border-green-800\/30 { border-color:#86efac }
html[data-theme="light"] .border-green-800\/50 { border-color:#86efac }
html[data-theme="light"] .border-green-900 { border-color:#86efac }
html[data-theme="light"] .border-green-900\/30 { border-color:#86efac }
html[data-theme="light"] .border-green-900\/50 { border-color:#86efac }
html[data-theme="light"] .border-red-700 { border-color:#fecaca }
html[data-theme="light"] .border-red-700\/30 { border-color:#fecaca }
html[data-theme="light"] .border-red-700\/50 { border-color:#fecaca }
html[data-theme="light"] .border-red-800 { border-color:#fecaca }
html[data-theme="light"] .border-red-800\/30 { border-color:#fecaca }
html[data-theme="light"] .border-red-800\/50 { border-color:#fecaca }
html[data-theme="light"] .border-red-900 { border-color:#fecaca }
html[data-theme="light"] .border-red-900\/30 { border-color:#fecaca }
html[data-theme="light"] .border-red-900\/50 { border-color:#fecaca }
html[data-theme="light"] .border-blue-700 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-700\/30 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-700\/50 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-800 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-800\/30 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-800\/50 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-900 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-900\/30 { border-color:#bfdbfe }
html[data-theme="light"] .border-blue-900\/50 { border-color:#bfdbfe }
html[data-theme="light"] .border-yellow-700 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-700\/30 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-700\/50 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-800 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-800\/30 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-800\/50 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-900 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-900\/30 { border-color:#fde68a }
html[data-theme="light"] .border-yellow-900\/50 { border-color:#fde68a }
html[data-theme="light"] .border-amber-700 { border-color:#fde68a }
html[data-theme="light"] .border-amber-700\/30 { border-color:#fde68a }
html[data-theme="light"] .border-amber-700\/50 { border-color:#fde68a }
html[data-theme="light"] .border-amber-800 { border-color:#fde68a }
html[data-theme="light"] .border-amber-800\/30 { border-color:#fde68a }
html[data-theme="light"] .border-amber-800\/50 { border-color:#fde68a }
html[data-theme="light"] .border-amber-900 { border-color:#fde68a }
html[data-theme="light"] .border-amber-900\/30 { border-color:#fde68a }
html[data-theme="light"] .border-amber-900\/50 { border-color:#fde68a }
html[data-theme="light"] .border-purple-700 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-700\/30 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-700\/50 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-800 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-800\/30 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-800\/50 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-900 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-900\/30 { border-color:#e9d5ff }
html[data-theme="light"] .border-purple-900\/50 { border-color:#e9d5ff }
html[data-theme="light"] .border-emerald-700 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-700\/30 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-700\/50 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-800 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-800\/30 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-800\/50 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-900 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-900\/30 { border-color:#a7f3d0 }
html[data-theme="light"] .border-emerald-900\/50 { border-color:#a7f3d0 }
html[data-theme="light"] .border-orange-700 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-700\/30 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-700\/50 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-800 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-800\/30 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-800\/50 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-900 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-900\/30 { border-color:#fed7aa }
html[data-theme="light"] .border-orange-900\/50 { border-color:#fed7aa }
html[data-theme="light"] .border-brand-700 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-700\/30 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-700\/50 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-800 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-800\/30 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-800\/50 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-900 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-900\/30 { border-color:#99f6e4 }
html[data-theme="light"] .border-brand-900\/50 { border-color:#99f6e4 }
html[data-theme="light"] .from-gray-800 { --tw-gradient-from:#e8edf4;--tw-gradient-to:#dbe2ec }
html[data-theme="light"] .from-gray-700 { --tw-gradient-from:#e8edf4;--tw-gradient-to:#dbe2ec }
html[data-theme="light"] .to-gray-600 { --tw-gradient-from:#e8edf4;--tw-gradient-to:#dbe2ec }
html[data-theme="light"] .to-gray-850 { --tw-gradient-from:#e8edf4;--tw-gradient-to:#dbe2ec }
html[data-theme="light"] .hover\:to-gray-800 { --tw-gradient-from:#e8edf4;--tw-gradient-to:#dbe2ec }

/* ── ۳) بخش‌های دارای CSSِ اختصاصی ── */
/* تب‌های کپسولیِ بالای برنامه/پروفایل (styles.css با !important رنگ می‌گذارد) */
html[data-theme="light"] .profile-tab-btn,
html[data-theme="light"] .restriction-tab-btn,
html[data-theme="light"] .plan-prog-tab,
html[data-theme="light"] .plan-day-tab {
    color: #475569 !important;
}

html[data-theme="light"] .profile-tab-btn.active,
html[data-theme="light"] .restriction-tab-btn.active,
html[data-theme="light"] .plan-prog-tab.active,
html[data-theme="light"] .plan-day-tab.active {
    background: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12), 0 4px 10px -4px rgba(15, 23, 42, 0.18) !important;
}

@media (hover: hover) and (pointer: fine) {
    html[data-theme="light"] .profile-tab-btn:not(.active):hover,
    html[data-theme="light"] .restriction-tab-btn:not(.active):hover,
    html[data-theme="light"] .plan-prog-tab:not(.active):hover,
    html[data-theme="light"] .plan-day-tab:not(.active):hover {
        color: #0f172a !important;
        background: rgba(15, 23, 42, 0.05) !important;
    }
}

html[data-theme="light"] .text-gray-500 { color: #586174; }
html[data-theme="light"] .text-gray-600 { color: #475569; }

/* متنِ سفید روی سطحی که در روشن روشن شد */
html[data-theme="light"] :is(.bg-gray-700, .bg-gray-800, .bg-gray-900, .bg-slate-800, .bg-slate-900, .bg-\[\#1e293b\], .bg-\[\#0f172a\], .bg-gray-850) .text-white:not(.bg-brand-500):not(button) {
    color: #0f172a;
}

/* ماشین‌حساب: markupِ قدیم پس‌زمینه‌ی تیره را inline می‌گذارد؛ رنگ‌های خودش (--bg/--ink...) در روشن از :root می‌آید */
html[data-theme="light"] #view-health-calc .app { background: var(--bg) !important; }
html[data-theme="light"] #view-health-calc .masthead p { color: #d6e6e0; }

/* ظرف‌هایی که در تیره «سطحِ تیره + متنِ سفید» بودند: متنِ همان ظرف و فرزندانِ بدونِ زمینه‌ی خودشان تیره می‌شوند */
html[data-theme="light"] :is(.dark-modal, .bg-slate-900, .bg-slate-900\/95, .bg-\[\#0f172a\], .bg-\[var\(--card-bg\)\]).text-white { color: var(--text-primary); }
html[data-theme="light"] :is(.dark-modal, .bg-slate-900, .bg-slate-900\/95, .bg-\[\#0f172a\]) .text-white:not([class*="bg-"]):not([class*="from-"]) { color: var(--text-primary); }
html[data-theme="light"] .dark-modal,
html[data-theme="light"] #modals > div > div.dark-modal {
    background: #ffffff !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary);
}
html[data-theme="light"] .bg-slate-900\/95 { background-color: #ffffff; box-shadow: 0 12px 32px -12px rgba(15, 23, 42, 0.35); }
html[data-theme="light"] .bg-slate-900.border-slate-800 { background-color: #ffffff; border-color: var(--border-color); }
html[data-theme="light"] .bg-black\/60,
html[data-theme="light"] .bg-black\/50 { background-color: rgba(15, 23, 42, 0.45); }

/* انتخابگرِ تم در منوی همبرگری: گزینه‌ی فعال در هر دو تم برجسته است */
.theme-opt-active { background: #14b8a6; color: #042f2e; box-shadow: 0 2px 8px -2px rgba(20, 184, 166, 0.5); }
html[data-theme="light"] .theme-opt-active { background: #0f766e; color: #ffffff; box-shadow: 0 2px 8px -2px rgba(15, 118, 110, 0.45); }

/* چت هوشمند: متغیرهای ایزوله‌ی کانتینر (ai-chat.css) برای روشن */
html[data-theme="light"] #plan-ai-container {
    --accent: #0f766e;
    --accent-hover: #115e59;
    --accent-glow: rgba(15, 118, 110, 0.2);
    --accent-soft: rgba(15, 118, 110, 0.1);
    --success: #15803d;
    --error: #dc2626;
    --surface: #f1f5f9;
    --surface-hover: #e2e8f0;
    --surface-active: #cbd5e1;
    --border: #d3dae5;
    --border-strong: #b6c0d0;
    --user-bubble: linear-gradient(135deg, #0f766e 0%, #115e59 100%);
    --assistant-bubble: #eef2f7;
    --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.08);
    --shadow-md: 0 4px 24px rgba(15, 23, 42, 0.12);
}
html[data-theme="light"] #plan-ai-container pre,
html[data-theme="light"] #plan-ai-container code { background: #eef2f7; }
html[data-theme="light"] .text-red-500 { color: #b91c1c; }
html[data-theme="light"] #view-health-calc .progress-hint { color: #4b5c55; opacity: 1; }


/* برنامه‌ی پیش‌فرضِ کالری‌شمار (تم روشن) */
html[data-theme="light"] .plan-prog-tab .is-default { color: #15803d !important; }
html[data-theme="light"] .plan-default-tab.on { background: linear-gradient(to right, #15803d, #22c55e) !important; color: #ffffff !important; }