/* ============================================================
   Panel Themes (Skins) — ۱۰ تمِ آماده، شخصی برای هر کاربر.
   فقط داخل پنل‌ها فعال می‌شوند (html[data-skin]); صفحهٔ ورود تأثیر نمی‌گیرد.
   هر تم: رنگ تأکید + بافت شیشه + گرادیانِ پس‌زمینه + افکت.
   ============================================================ */

/* ابزار کمک: گرادیانِ پس‌زمینهٔ هر تم روی body */
html[data-skin] body{ background-attachment:fixed !important; }

/* ── ۱) Ocean — اقیانوس (فیروزه‌ای) ── */
html[data-skin="ocean"]{
  --gold:#22b8cf; --gold-dim:rgba(34,184,207,.16);
  --glass:rgba(15,34,48,.55); --glass-2:rgba(20,46,64,.45); --glass-bd:rgba(120,220,240,.16);
}
html[data-skin="ocean"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(34,184,207,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(13,60,110,.30), transparent 56%),
  #07131c !important; }
html[data-skin="ocean"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(224,242,247,.82); --glass-bd:rgba(0,60,80,.16); }
html[data-skin="ocean"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(34,184,207,.20), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(13,60,110,.10), transparent 56%),
  #eef6f8 !important; }

/* ── ۲) Emerald — زمرد (سبز) ── */
html[data-skin="emerald"]{
  --gold:var(--ok); --gold-dim:rgba(16,185,129,.16);
  --glass:rgba(13,38,30,.55); --glass-2:rgba(18,50,40,.45); --glass-bd:rgba(120,240,190,.16);
}
html[data-skin="emerald"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(16,185,129,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(6,78,59,.32), transparent 56%),
  #06140f !important; }
html[data-skin="emerald"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(224,245,236,.82); --glass-bd:rgba(0,70,50,.16); }
html[data-skin="emerald"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(16,185,129,.18), transparent 60%), #edf7f2 !important; }

/* ── ۳) Royal — سلطنتی (بنفش) ── */
html[data-skin="royal"]{
  --gold:#a78bfa; --gold-dim:rgba(167,139,250,.18);
  --glass:rgba(26,20,46,.55); --glass-2:rgba(34,26,60,.46); --glass-bd:rgba(190,170,255,.18);
}
html[data-skin="royal"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(167,139,250,.20), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(76,29,149,.34), transparent 56%),
  #100a1f !important; }
html[data-skin="royal"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(238,232,250,.82); --glass-bd:rgba(60,30,110,.16); }
html[data-skin="royal"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(167,139,250,.20), transparent 60%), #f2eefb !important; }

/* ── ۴) Ruby — یاقوت (قرمز) ── */
html[data-skin="ruby"]{
  --gold:#fb7185; --gold-dim:rgba(251,113,133,.16);
  --glass:rgba(40,16,22,.55); --glass-2:rgba(52,22,30,.46); --glass-bd:rgba(255,160,175,.16);
}
html[data-skin="ruby"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(251,113,133,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(136,19,55,.34), transparent 56%),
  #170a0d !important; }
html[data-skin="ruby"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(250,228,232,.82); --glass-bd:rgba(120,20,40,.16); }
html[data-skin="ruby"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(251,113,133,.18), transparent 60%), #fbeef0 !important; }

/* ── ۵) Sunset — غروب (نارنجی/کهربایی) ── */
html[data-skin="sunset"]{
  --gold:#fb923c; --gold-dim:rgba(251,146,60,.18);
  --glass:rgba(40,26,16,.55); --glass-2:rgba(52,34,20,.46); --glass-bd:rgba(255,190,130,.16);
}
html[data-skin="sunset"] body{ background:
  linear-gradient(160deg, rgba(251,146,60,.14), transparent 40%),
  radial-gradient(960px 640px at -6% 112%, rgba(190,60,20,.30), transparent 56%),
  #160d07 !important; }
html[data-skin="sunset"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(252,238,224,.82); --glass-bd:rgba(150,70,10,.16); }
html[data-skin="sunset"][data-theme="light"] body{ background:
  linear-gradient(160deg, rgba(251,146,60,.18), transparent 45%), #fbf2ea !important; }

/* ── ۶) Rose — رز (صورتی) ── */
html[data-skin="rose"]{
  --gold:#f472b6; --gold-dim:rgba(244,114,182,.16);
  --glass:rgba(38,18,30,.55); --glass-2:rgba(50,24,40,.46); --glass-bd:rgba(255,170,210,.16);
}
html[data-skin="rose"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(244,114,182,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(131,24,67,.30), transparent 56%),
  #160a11 !important; }
html[data-skin="rose"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(250,228,240,.82); --glass-bd:rgba(120,20,70,.16); }
html[data-skin="rose"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(244,114,182,.18), transparent 60%), #fbeef5 !important; }

/* ── ۷) Graphite — گرافیت (خنثی/مینیمال) ── */
html[data-skin="graphite"]{
  --gold:#9aa6b2; --gold-dim:rgba(154,166,178,.16);
  --glass:rgba(24,28,34,.6); --glass-2:rgba(32,37,44,.5); --glass-bd:rgba(255,255,255,.08);
  --glass-blur:10px;
}
html[data-skin="graphite"] body{ background:
  radial-gradient(1100px 700px at 50% -10%, rgba(160,170,185,.06), transparent 60%),
  #0c0e12 !important; }
html[data-skin="graphite"][data-theme="light"]{ --glass:rgba(255,255,255,.78); --glass-2:rgba(238,240,243,.85); --glass-bd:rgba(0,0,0,.10); }
html[data-skin="graphite"][data-theme="light"] body{ background:#eef0f3 !important; }

/* ── ۸) Midnight — نیمه‌شب (آبیِ عمیق، شیشهٔ غلیظ) ── */
html[data-skin="midnight"]{
  --gold:#60a5fa; --gold-dim:rgba(96,165,250,.18);
  --glass:rgba(12,18,40,.6); --glass-2:rgba(18,26,54,.5); --glass-bd:rgba(130,170,255,.18);
  --glass-blur:22px;
}
html[data-skin="midnight"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(96,165,250,.20), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(30,27,120,.40), transparent 56%),
  #05080f !important; }
html[data-skin="midnight"][data-theme="light"]{ --glass:rgba(255,255,255,.7); --glass-2:rgba(228,236,250,.82); --glass-bd:rgba(20,40,110,.16); }
html[data-skin="midnight"][data-theme="light"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(96,165,250,.18), transparent 60%), #eaf0fb !important; }

/* ── ۹) Mint — نعنا (روشن و ملایم) ── */
html[data-skin="mint"]{
  --gold:#2dd4bf; --gold-dim:rgba(45,212,191,.16);
  --glass:rgba(14,34,32,.5); --glass-2:rgba(18,46,42,.42); --glass-bd:rgba(150,240,225,.16);
}
html[data-skin="mint"] body{ background:
  radial-gradient(1100px 720px at 80% -10%, rgba(45,212,191,.16), transparent 60%),
  radial-gradient(800px 600px at 0% 110%, rgba(13,90,100,.24), transparent 56%),
  #06130f !important; }
html[data-skin="mint"][data-theme="light"]{ --glass:rgba(255,255,255,.74); --glass-2:rgba(224,246,242,.84); --glass-bd:rgba(0,80,70,.14); }
html[data-skin="mint"][data-theme="light"] body{ background:
  radial-gradient(1100px 720px at 80% -10%, rgba(45,212,191,.18), transparent 60%), #ecf8f5 !important; }

/* ── ۱۰) Aurora — شفق (افکت گرادیانِ متحرک) ── */
html[data-skin="aurora"]{
  --gold:#c084fc; --gold-dim:rgba(192,132,252,.18);
  --glass:rgba(18,18,40,.5); --glass-2:rgba(26,24,54,.42); --glass-bd:rgba(200,170,255,.18);
  --glass-blur:20px;
}
html[data-skin="aurora"] body{
  background:
    linear-gradient(120deg, rgba(192,132,252,.18), rgba(34,184,207,.14) 40%, rgba(16,185,129,.12) 70%, transparent),
    #080814 !important;
  background-size:280% 280% !important;
  animation:auroraShift 22s ease infinite;
}
html[data-skin="aurora"][data-theme="light"]{ --glass:rgba(255,255,255,.72); --glass-2:rgba(238,234,250,.82); --glass-bd:rgba(80,40,140,.14); }
html[data-skin="aurora"][data-theme="light"] body{
  background:linear-gradient(120deg, rgba(192,132,252,.20), rgba(34,184,207,.16) 45%, rgba(16,185,129,.12) 75%, transparent), #f1eefb !important;
  background-size:280% 280% !important; animation:auroraShift 22s ease infinite;
}
@keyframes auroraShift{ 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
@media (prefers-reduced-motion: reduce){ html[data-skin="aurora"] body{ animation:none } }

/* تأکیدِ دکمهٔ اصلی هماهنگ با رنگ هر تم */
html[data-skin] .btn-primary{ background:var(--gold); }
html[data-skin] .btn-primary{ box-shadow:0 6px 18px color-mix(in srgb, var(--gold) 30%, transparent); }

/* ============ انتخابگر قالب (سواچ‌ها) ============ */
.skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;margin:.4rem 0 1rem}
.skin-swatch{display:flex;flex-direction:column;align-items:center;gap:.45rem;padding:.7rem;border-radius:var(--radius);
  border:1px solid var(--glass-bd);background:var(--glass-2);color:var(--text);cursor:pointer;position:relative;
  font-family:'Vazirmatn',sans-serif;transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}
.skin-swatch:hover{transform:translateY(-2px);border-color:var(--gold)}
.skin-swatch.active{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold-dim)}
.skin-prev{width:100%;height:42px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.12)}
.skin-name{font-size:var(--fs-sm);font-weight:700}
.skin-on{position:absolute;top:6px;left:8px;color:var(--gold);font-weight:800}
.sk-default .skin-prev{background:linear-gradient(135deg,#c9a227,#0d1b5e)}
.sk-ocean .skin-prev{background:linear-gradient(135deg,#22b8cf,#0d3c6e)}
.sk-emerald .skin-prev{background:linear-gradient(135deg,var(--ok),#064e3b)}
.sk-royal .skin-prev{background:linear-gradient(135deg,#a78bfa,#4c1d95)}
.sk-ruby .skin-prev{background:linear-gradient(135deg,#fb7185,#881337)}
.sk-sunset .skin-prev{background:linear-gradient(135deg,#fb923c,#be3c14)}
.sk-rose .skin-prev{background:linear-gradient(135deg,#f472b6,#831843)}
.sk-graphite .skin-prev{background:linear-gradient(135deg,#9aa6b2,#2a2f37)}
.sk-midnight .skin-prev{background:linear-gradient(135deg,#60a5fa,#1e1b78)}
.sk-mint .skin-prev{background:linear-gradient(135deg,#2dd4bf,#0d5a64)}
.sk-aurora .skin-prev{background:linear-gradient(120deg,#c084fc,#22b8cf,var(--ok));background-size:200% 200%;animation:auroraShift 10s ease infinite}

/* ── Azure — تمِ کاملِ سرمه‌ای/آبیِ آسمانی (هم‌رنگِ کاتالوگ) ──
   همهٔ سطوح را رنگ می‌کند (نه فقط اکسنت). !important + تخصیصِ html[data-skin]
   تا حتی بر رنگِ سفارشیِ «تنظیمات ← ظاهر» (که در :root تزریق می‌شود) بچربد. */
html[data-skin="azure"]{
  --gold:#2E86C7 !important; --gold-dim:rgba(46,134,199,.20) !important; --accent:#2E86C7 !important; --gold-rgb:46,134,199 !important;
  --bg:#0A1A33 !important; --bg2:#102545 !important; --bg3:#163158 !important;
  --border:#244469 !important; --text:#E8EEF7 !important; --text2:#9DB2CE !important; --text3:#6E86A8 !important;
  --glass:rgba(15,30,57,.56) !important; --glass-2:rgba(21,40,74,.46) !important; --glass-bd:rgba(120,182,235,.18) !important;
}
html[data-skin="azure"] .dash-layout, html[data-skin="azure"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(46,134,199,.20), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(13,42,90,.38), transparent 56%),
  var(--bg) !important; }
html[data-skin="azure"][data-theme="light"]{
  --bg:#EAF1F9 !important; --bg2:#FBFDFF !important; --bg3:#F1F6FB !important;
  --border:#CBDCEF !important; --text:#142640 !important; --text2:#4B5E7B !important; --text3:#8AA0BE !important;
  --glass:rgba(255,255,255,.74) !important; --glass-2:rgba(224,238,250,.84) !important; --glass-bd:rgba(20,60,110,.16) !important;
}
html[data-skin="azure"][data-theme="light"] .dash-layout, html[data-skin="azure"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(46,134,199,.16), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(23,58,107,.10), transparent 55%),
  var(--bg) !important; }

/* ============================================================
   تمِ کامل برای همهٔ اسکین‌ها — همهٔ سطوح (نه فقط اکسنت) را رنگ می‌کنند.
   !important + html[data-skin] تا بر رنگِ سفارشیِ تنظیمات هم بچربد.
   ============================================================ */
html[data-skin="ocean"]{
  --gold:#22b8cf !important; --gold-dim:rgba(34,184,207,.18) !important; --accent:#22b8cf !important; --gold-rgb:34,184,207 !important;
  --bg:#06141B !important; --bg2:#0C2530 !important; --bg3:#123240 !important; --border:#1D4856 !important;
  --text:#E3F3F7 !important; --text2:#9FC4CF !important; --text3:#6E93A0 !important;
  --glass:rgba(12,37,48,.55) !important; --glass-2:rgba(18,52,68,.45) !important; --glass-bd:rgba(120,220,240,.16) !important;
}
html[data-skin="ocean"] .dash-layout, html[data-skin="ocean"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(34,184,207,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(15,82,93,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="ocean"][data-theme="light"]{
  --bg:#E8F6F9 !important; --bg2:#FBFEFF !important; --bg3:#F0FAFC !important; --border:#C2E3EA !important;
  --text:#0C2E38 !important; --text2:#3F6670 !important; --text3:#7FA0AA !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(224,242,247,.82) !important; --glass-bd:rgba(0,60,80,.16) !important;
}
html[data-skin="ocean"][data-theme="light"] .dash-layout, html[data-skin="ocean"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(34,184,207,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(34,184,207,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="emerald"]{
  --gold:#10b981 !important; --gold-dim:rgba(16,185,129,.18) !important; --accent:#10b981 !important; --gold-rgb:16,185,129 !important;
  --bg:#07160F !important; --bg2:#0D2619 !important; --bg3:#133322 !important; --border:#1D4A33 !important;
  --text:#E3F5EC !important; --text2:#9FCBB4 !important; --text3:#6E9580 !important;
  --glass:rgba(13,38,25,.55) !important; --glass-2:rgba(19,51,34,.45) !important; --glass-bd:rgba(120,240,180,.16) !important;
}
html[data-skin="emerald"] .dash-layout, html[data-skin="emerald"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(16,185,129,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(7,83,58,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="emerald"][data-theme="light"]{
  --bg:#E8F7EF !important; --bg2:#FBFFFC !important; --bg3:#F0FBF4 !important; --border:#C2E6D2 !important;
  --text:#0C3320 !important; --text2:#3F6B52 !important; --text3:#7FA68F !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(224,247,235,.82) !important; --glass-bd:rgba(0,80,50,.16) !important;
}
html[data-skin="emerald"][data-theme="light"] .dash-layout, html[data-skin="emerald"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(16,185,129,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(16,185,129,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="royal"]{
  --gold:#a78bfa !important; --gold-dim:rgba(167,139,250,.20) !important; --accent:#a78bfa !important; --gold-rgb:167,139,250 !important;
  --bg:#100A1F !important; --bg2:#1C1433 !important; --bg3:#261B45 !important; --border:#392A5E !important;
  --text:#EFEAFA !important; --text2:#C1B4DC !important; --text3:#9080B0 !important;
  --glass:rgba(28,20,51,.55) !important; --glass-2:rgba(38,27,69,.45) !important; --glass-bd:rgba(180,150,250,.16) !important;
}
html[data-skin="royal"] .dash-layout, html[data-skin="royal"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(167,139,250,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(75,62,112,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="royal"][data-theme="light"]{
  --bg:#F1EEFA !important; --bg2:#FDFCFF !important; --bg3:#F6F3FC !important; --border:#DBD0F0 !important;
  --text:#241640 !important; --text2:#5B4B7B !important; --text3:#9080B0 !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(238,232,250,.82) !important; --glass-bd:rgba(80,50,140,.16) !important;
}
html[data-skin="royal"][data-theme="light"] .dash-layout, html[data-skin="royal"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(167,139,250,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(167,139,250,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="ruby"]{
  --gold:#fb7185 !important; --gold-dim:rgba(251,113,133,.18) !important; --accent:#fb7185 !important; --gold-rgb:251,113,133 !important;
  --bg:#1C0A0F !important; --bg2:#331419 !important; --bg3:#451B22 !important; --border:#5E2A33 !important;
  --text:#FAEAEE !important; --text2:#DCB4BD !important; --text3:#B08090 !important;
  --glass:rgba(51,20,25,.55) !important; --glass-2:rgba(69,27,34,.45) !important; --glass-bd:rgba(250,150,160,.16) !important;
}
html[data-skin="ruby"] .dash-layout, html[data-skin="ruby"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(251,113,133,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(112,50,59,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="ruby"][data-theme="light"]{
  --bg:#FAEEF1 !important; --bg2:#FFFCFD !important; --bg3:#FCF3F5 !important; --border:#F0D0D9 !important;
  --text:#40161F !important; --text2:#7B4B57 !important; --text3:#B08090 !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(250,232,236,.82) !important; --glass-bd:rgba(140,40,60,.16) !important;
}
html[data-skin="ruby"][data-theme="light"] .dash-layout, html[data-skin="ruby"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(251,113,133,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(251,113,133,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="sunset"]{
  --gold:#fb923c !important; --gold-dim:rgba(251,146,60,.20) !important; --accent:#fb923c !important; --gold-rgb:251,146,60 !important;
  --bg:#1C1108 !important; --bg2:#332313 !important; --bg3:#45301B !important; --border:#5E442A !important;
  --text:#FAF1E8 !important; --text2:#DCCAB4 !important; --text3:#B09580 !important;
  --glass:rgba(51,35,19,.55) !important; --glass-2:rgba(69,48,27,.45) !important; --glass-bd:rgba(250,180,120,.16) !important;
}
html[data-skin="sunset"] .dash-layout, html[data-skin="sunset"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(251,146,60,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(112,65,27,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="sunset"][data-theme="light"]{
  --bg:#FBF3EA !important; --bg2:#FFFDFB !important; --bg3:#FCF6F0 !important; --border:#F0DEC2 !important;
  --text:#40280C !important; --text2:#7B5E3F !important; --text3:#B0957F !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(250,240,228,.82) !important; --glass-bd:rgba(140,90,40,.16) !important;
}
html[data-skin="sunset"][data-theme="light"] .dash-layout, html[data-skin="sunset"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(251,146,60,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(251,146,60,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="rose"]{
  --gold:#f472b6 !important; --gold-dim:rgba(244,114,182,.18) !important; --accent:#f472b6 !important; --gold-rgb:244,114,182 !important;
  --bg:#1C0A16 !important; --bg2:#331426 !important; --bg3:#451B33 !important; --border:#5E2A48 !important;
  --text:#FAEAF3 !important; --text2:#DCB4CD !important; --text3:#B080A0 !important;
  --glass:rgba(51,20,38,.55) !important; --glass-2:rgba(69,27,51,.45) !important; --glass-bd:rgba(250,150,200,.16) !important;
}
html[data-skin="rose"] .dash-layout, html[data-skin="rose"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(244,114,182,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(109,51,81,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="rose"][data-theme="light"]{
  --bg:#FAEEF6 !important; --bg2:#FFFCFE !important; --bg3:#FCF3F9 !important; --border:#F0D0E4 !important;
  --text:#40162E !important; --text2:#7B4B67 !important; --text3:#B080A0 !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(250,232,244,.82) !important; --glass-bd:rgba(140,40,100,.16) !important;
}
html[data-skin="rose"][data-theme="light"] .dash-layout, html[data-skin="rose"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(244,114,182,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(244,114,182,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="graphite"]{
  --gold:#9aa6b2 !important; --gold-dim:rgba(154,166,178,.18) !important; --accent:#9aa6b2 !important; --gold-rgb:154,166,178 !important;
  --bg:#0C0F12 !important; --bg2:#181C21 !important; --bg3:#20262D !important; --border:#333B45 !important;
  --text:#EEF1F4 !important; --text2:#B8C0C9 !important; --text3:#859099 !important;
  --glass:rgba(24,28,33,.55) !important; --glass-2:rgba(32,38,45,.45) !important; --glass-bd:rgba(180,190,200,.16) !important;
}
html[data-skin="graphite"] .dash-layout, html[data-skin="graphite"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(154,166,178,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(69,74,80,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="graphite"][data-theme="light"]{
  --bg:#EEF1F4 !important; --bg2:#FFFFFF !important; --bg3:#F6F8FA !important; --border:#D5DCE3 !important;
  --text:#1A2027 !important; --text2:#4F5963 !important; --text3:#859099 !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(232,236,240,.82) !important; --glass-bd:rgba(60,70,80,.16) !important;
}
html[data-skin="graphite"][data-theme="light"] .dash-layout, html[data-skin="graphite"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(154,166,178,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(154,166,178,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="midnight"]{
  --gold:#60a5fa !important; --gold-dim:rgba(96,165,250,.20) !important; --accent:#60a5fa !important; --gold-rgb:96,165,250 !important;
  --bg:#080D1A !important; --bg2:#111A2E !important; --bg3:#17233D !important; --border:#243456 !important;
  --text:#E8EEF7 !important; --text2:#9DB2CE !important; --text3:#6E86A8 !important;
  --glass:rgba(17,26,46,.55) !important; --glass-2:rgba(23,35,61,.45) !important; --glass-bd:rgba(120,170,250,.16) !important;
}
html[data-skin="midnight"] .dash-layout, html[data-skin="midnight"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(96,165,250,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(43,74,112,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="midnight"][data-theme="light"]{
  --bg:#EAF0FA !important; --bg2:#FBFDFF !important; --bg3:#F1F5FC !important; --border:#CBD9F0 !important;
  --text:#14223F !important; --text2:#4B5E7B !important; --text3:#8AA0BE !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(224,236,250,.82) !important; --glass-bd:rgba(40,70,140,.16) !important;
}
html[data-skin="midnight"][data-theme="light"] .dash-layout, html[data-skin="midnight"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(96,165,250,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(96,165,250,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="mint"]{
  --gold:#2dd4bf !important; --gold-dim:rgba(45,212,191,.18) !important; --accent:#2dd4bf !important; --gold-rgb:45,212,191 !important;
  --bg:#071714 !important; --bg2:#0D2823 !important; --bg3:#13352F !important; --border:#1D4D44 !important;
  --text:#E3F5F1 !important; --text2:#9FCBC3 !important; --text3:#6E958C !important;
  --glass:rgba(13,40,35,.55) !important; --glass-2:rgba(19,53,47,.45) !important; --glass-bd:rgba(120,240,220,.16) !important;
}
html[data-skin="mint"] .dash-layout, html[data-skin="mint"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(45,212,191,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(20,95,85,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="mint"][data-theme="light"]{
  --bg:#E8F7F4 !important; --bg2:#FBFFFE !important; --bg3:#F0FBF9 !important; --border:#C2E6DF !important;
  --text:#0C332C !important; --text2:#3F6B62 !important; --text3:#7FA69D !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(224,247,243,.82) !important; --glass-bd:rgba(0,80,70,.16) !important;
}
html[data-skin="mint"][data-theme="light"] .dash-layout, html[data-skin="mint"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(45,212,191,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(45,212,191,.07), transparent 55%),
  var(--bg) !important; }
html[data-skin="aurora"]{
  --gold:#c084fc !important; --gold-dim:rgba(192,132,252,.20) !important; --accent:#c084fc !important; --gold-rgb:192,132,252 !important;
  --bg:#120A1F !important; --bg2:#1F1433 !important; --bg3:#2A1B45 !important; --border:#402A5E !important;
  --text:#F2EAFA !important; --text2:#C8B4DC !important; --text3:#9880B0 !important;
  --glass:rgba(31,20,51,.55) !important; --glass-2:rgba(42,27,69,.45) !important; --glass-bd:rgba(200,150,250,.16) !important;
}
html[data-skin="aurora"] .dash-layout, html[data-skin="aurora"] body{ background:
  radial-gradient(1200px 760px at 86% -12%, rgba(192,132,252,.18), transparent 60%),
  radial-gradient(960px 640px at -6% 112%, rgba(86,59,113,.40), transparent 56%),
  var(--bg) !important; }
html[data-skin="aurora"][data-theme="light"]{
  --bg:#F4EEFA !important; --bg2:#FEFCFF !important; --bg3:#F8F3FC !important; --border:#E2D0F0 !important;
  --text:#2C1640 !important; --text2:#654B7B !important; --text3:#9880B0 !important;
  --glass:rgba(255,255,255,.72) !important; --glass-2:rgba(242,232,250,.82) !important; --glass-bd:rgba(100,50,160,.16) !important;
}
html[data-skin="aurora"][data-theme="light"] .dash-layout, html[data-skin="aurora"][data-theme="light"] body{ background:
  radial-gradient(1100px 700px at 86% -12%, rgba(192,132,252,.14), transparent 60%),
  radial-gradient(900px 600px at -8% 20%, rgba(192,132,252,.07), transparent 55%),
  var(--bg) !important; }

/* دکمهٔ اصلی همیشه هم‌رنگِ تمِ انتخابی — بر رنگِ سفارشیِ دکمه (btn_color) هم می‌چربد */
html[data-skin] .btn-primary{ background:var(--gold) !important; color:#fff !important; }