/* ===========================================================================
   نِی‌باکس — سیستم رنگ و توکن‌های طراحی فوق‌حرفه‌ای (Next-Gen UI/UX Tokens)
   طراحی مدرن، تمیز، درخشان و سازمانی ۲۰۲۶ — بدون رنگ‌های کدر و خسته‌کننده
   =========================================================================== */

/* ── ۱) لاجورد سلطنتی (Royal Slate & Lapis) — پیش‌فرض سیستم ─────────────── */
:root,
[data-theme="warm"][data-mode="light"],
[data-theme="warm"][data-mode="auto"] {
  --bg:          #F8FAFC;  /* Slate-50: بسیار تمیز، ملایم و درخشان */
  --bg-tint:     #F1F5F9;  /* Slate-100: متمایز و شیک برای نوار کناری */
  --surface:     #FFFFFF;  /* سفید خالص و درخشان برای کارت‌ها */
  --surface-2:   #F1F5F9;  /* سطح ثانویه برای کنترل‌ها و اینپوت‌ها */
  --ink:         #0F172A;  /* Slate-900: زغال‌سنگی تیره، شارپ و خوانا */
  --ink-2:       #334155;  /* Slate-700: متن بدنه */
  --muted:       #64748B;  /* Slate-500: متون فرعی و فراداده */
  --muted-2:     #94A3B8;  /* Slate-400: پلیس‌هولدرها و خطوط ملایم */
  --line:        #E2E8F0;  /* Slate-200: خطوط و کادرهای ظریف کریستالی */
  --line-2:      #CBD5E1;  /* Slate-300: کادرهای برجسته */

  --accent:      #2563EB;  /* آبی کبالت / لاجورد زنده و باوقار */
  --accent-ink:  #1D4ED8;  /* آبی تیرهٔ شاخص */
  --accent-soft: #EFF6FF;  /* آبی فوق‌العاده لطیف Blue-50 */

  --ok:          #10B981;  /* سبز زمردی شاداب و تاییدکننده */
  --ok-soft:     #ECFDF5;
  --warn:        #F59E0B;  /* کهربایی زرین */
  --warn-soft:   #FFFBEB;
  --danger:      #EF4444;  /* قرمز یاقوتی جذاب */
  --danger-soft: #FEF2F2;

  --attention:      #F59E0B;
  --attention-ink:  #B45309;
  --attention-soft: #FEF3C7;

  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius:      12px;
  --radius-lg:   16px;
  --radius-xl:   24px;

  --shadow-xs:   0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow:      0 2px 8px -2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);
  --shadow-md:   0 6px 16px -4px rgba(15, 23, 42, 0.08), 0 2px 6px -1px rgba(15, 23, 42, 0.04);
  --shadow-lg:   0 14px 34px -6px rgba(15, 23, 42, 0.12), 0 4px 12px -2px rgba(15, 23, 42, 0.06);

  --topbar-bg:   rgba(255, 255, 255, 0.88);
}

/* حالت شب لاجورد (Midnight Obsidian Dark Mode) */
[data-theme="warm"][data-mode="dark"] {
  --bg:          #0B0F19;  /* مشکی عمیق ناوی لوکس */
  --bg-tint:     #0F172A;  /* Slate-900 برای نوار کناری */
  --surface:     #131D31;  /* سطوح کارت‌های شناور */
  --surface-2:   #1E293B;  /* Slate-800 */
  --ink:         #F8FAFC;  /* سفید برفی */
  --ink-2:       #CBD5E1;  /* خاکستری روشن */
  --muted:       #94A3B8;  /* خاکستری ملایم */
  --muted-2:     #64748B;
  --line:        rgba(255, 255, 255, 0.08);
  --line-2:      rgba(255, 255, 255, 0.15);

  --accent:      #3B82F6;  /* آبی نئونی با کنتراست بالا */
  --accent-ink:  #93C5FD;
  --accent-soft: rgba(59, 130, 246, 0.15);

  --ok:          #10B981;
  --ok-soft:     rgba(16, 185, 129, 0.15);
  --warn:        #F59E0B;
  --warn-soft:   rgba(245, 158, 11, 0.15);
  --danger:      #EF4444;
  --danger-soft: rgba(239, 68, 68, 0.15);

  --attention:      #F59E0B;
  --attention-ink:  #FCD34D;
  --attention-soft: rgba(245, 158, 11, 0.18);

  --shadow-xs:   0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow:      0 2px 10px rgba(0, 0, 0, 0.35);
  --shadow-md:   0 6px 20px rgba(0, 0, 0, 0.45);
  --shadow-lg:   0 16px 40px rgba(0, 0, 0, 0.6);

  --topbar-bg:   rgba(11, 15, 25, 0.88);
}

/* ── ۲) فیروزه و زمرد (Emerald & Turquoise) ───────────────────────────────── */
[data-theme="sage"][data-mode="light"],
[data-theme="sage"][data-mode="auto"] {
  --bg:          #F8FAFC;
  --bg-tint:     #F0FDF4;
  --surface:     #FFFFFF;
  --surface-2:   #F1F5F9;
  --ink:         #0F172A;
  --ink-2:       #334155;
  --muted:       #64748B;
  --muted-2:     #94A3B8;
  --line:        #E2E8F0;
  --line-2:      #CBD5E1;

  --accent:      #059669;  /* زمردی تیره Emerald-600 */
  --accent-ink:  #047857;
  --accent-soft: #ECFDF5;

  --ok:          #10B981;
  --ok-soft:     #ECFDF5;
  --warn:        #F59E0B;
  --warn-soft:   #FFFBEB;
  --danger:      #EF4444;
  --danger-soft: #FEF2F2;

  --attention:      #D97706;
  --attention-ink:  #B45309;
  --attention-soft: #FEF3C7;
  --topbar-bg:   rgba(255, 255, 255, 0.88);
}
[data-theme="sage"][data-mode="dark"] {
  --bg:          #06130E;
  --bg-tint:     #0A1E17;
  --surface:     #102A21;
  --surface-2:   #183B2F;
  --ink:         #F8FAFC;
  --ink-2:       #D1FAE5;
  --muted:       #86EFAC;
  --muted-2:     #4ADE80;
  --line:        rgba(255, 255, 255, 0.08);
  --line-2:      rgba(255, 255, 255, 0.15);

  --accent:      #10B981;
  --accent-ink:  #A7F3D0;
  --accent-soft: rgba(16, 185, 129, 0.15);

  --ok:          #10B981;
  --ok-soft:     rgba(16, 185, 129, 0.15);
  --warn:        #F59E0B;
  --warn-soft:   rgba(245, 158, 11, 0.15);
  --danger:      #EF4444;
  --danger-soft: rgba(239, 68, 68, 0.15);

  --attention:      #F59E0B;
  --attention-ink:  #FCD34D;
  --attention-soft: rgba(245, 158, 11, 0.18);
  --topbar-bg:   rgba(6, 19, 14, 0.88);
}

/* ── ۳) نیلی و کهکشان (Royal Violet & Indigo) ─────────────────────────────── */
[data-theme="slate"][data-mode="light"],
[data-theme="slate"][data-mode="auto"] {
  --bg:          #F8FAFC;
  --bg-tint:     #F5F3FF;
  --surface:     #FFFFFF;
  --surface-2:   #F1F5F9;
  --ink:         #0F172A;
  --ink-2:       #334155;
  --muted:       #64748B;
  --muted-2:     #94A3B8;
  --line:        #E2E8F0;
  --line-2:      #CBD5E1;

  --accent:      #6366F1;  /* نیلی کهکشانی Indigo-500 */
  --accent-ink:  #4F46E5;
  --accent-soft: #EEF2FF;

  --ok:          #10B981;
  --ok-soft:     #ECFDF5;
  --warn:        #F59E0B;
  --warn-soft:   #FFFBEB;
  --danger:      #EF4444;
  --danger-soft: #FEF2F2;

  --attention:      #D97706;
  --attention-ink:  #B45309;
  --attention-soft: #FEF3C7;
  --topbar-bg:   rgba(255, 255, 255, 0.88);
}
[data-theme="slate"][data-mode="dark"] {
  --bg:          #0C0E1E;
  --bg-tint:     #12162E;
  --surface:     #1A1F40;
  --surface-2:   #252C59;
  --ink:         #F8FAFC;
  --ink-2:       #E0E7FF;
  --muted:       #A5B4FC;
  --muted-2:     #818CF8;
  --line:        rgba(255, 255, 255, 0.08);
  --line-2:      rgba(255, 255, 255, 0.15);

  --accent:      #818CF8;
  --accent-ink:  #C7D2FE;
  --accent-soft: rgba(99, 102, 241, 0.18);

  --ok:          #10B981;
  --ok-soft:     rgba(16, 185, 129, 0.15);
  --warn:        #F59E0B;
  --warn-soft:   rgba(245, 158, 11, 0.15);
  --danger:      #EF4444;
  --danger-soft: rgba(239, 68, 68, 0.15);

  --attention:      #F59E0B;
  --attention-ink:  #FCD34D;
  --attention-soft: rgba(245, 158, 11, 0.18);
  --topbar-bg:   rgba(12, 14, 30, 0.88);
}

/* ── ۴) مرجانی و سان‌ست (Coral & Sunset Rose) ─────────────────────────────── */
[data-theme="terracotta"][data-mode="light"],
[data-theme="terracotta"][data-mode="auto"] {
  --bg:          #F8FAFC;
  --bg-tint:     #FFF1F2;
  --surface:     #FFFFFF;
  --surface-2:   #F1F5F9;
  --ink:         #0F172A;
  --ink-2:       #334155;
  --muted:       #64748B;
  --muted-2:     #94A3B8;
  --line:        #E2E8F0;
  --line-2:      #CBD5E1;

  --accent:      #E11D48;  /* مرجانی شاداب Rose-600 */
  --accent-ink:  #BE123C;
  --accent-soft: #FFE4E6;

  --ok:          #10B981;
  --ok-soft:     #ECFDF5;
  --warn:        #F59E0B;
  --warn-soft:   #FFFBEB;
  --danger:      #EF4444;
  --danger-soft: #FEF2F2;

  --attention:      #D97706;
  --attention-ink:  #B45309;
  --attention-soft: #FEF3C7;
  --topbar-bg:   rgba(255, 255, 255, 0.88);
}
[data-theme="terracotta"][data-mode="dark"] {
  --bg:          #16080B;
  --bg-tint:     #240D13;
  --surface:     #33141C;
  --surface-2:   #491E29;
  --ink:         #F8FAFC;
  --ink-2:       #FFE4E6;
  --muted:       #FDA4AF;
  --muted-2:     #FB7185;
  --line:        rgba(255, 255, 255, 0.08);
  --line-2:      rgba(255, 255, 255, 0.15);

  --accent:      #FB7185;
  --accent-ink:  #FECDD3;
  --accent-soft: rgba(225, 29, 72, 0.18);

  --ok:          #10B981;
  --ok-soft:     rgba(16, 185, 129, 0.15);
  --warn:        #F59E0B;
  --warn-soft:   rgba(245, 158, 11, 0.15);
  --danger:      #EF4444;
  --danger-soft: rgba(239, 68, 68, 0.15);

  --attention:      #F59E0B;
  --attention-ink:  #FCD34D;
  --attention-soft: rgba(245, 158, 11, 0.18);
  --topbar-bg:   rgba(22, 8, 11, 0.88);
}

/* ── ۵) تم دابنگ مدرن (Dabang Modern Theme) — بومی‌سازی‌شده از قالب دابنگ ── */
[data-theme="dabang"][data-mode="light"],
[data-theme="dabang"][data-mode="auto"],
[data-theme="nordic"][data-mode="light"],
[data-theme="nordic"][data-mode="auto"] {
  --bg:          #F7FAFC;  /* خاکستری بسیار روشن و تمیز Dabang grey[50] */
  --bg-tint:     #EDF2F6;  /* نوار کناری با رنگ Dabang grey.A100 */
  --surface:     #FFFFFF;  /* کارت‌های سفید خالص و درخشان */
  --surface-2:   #F1F4F9;  /* سطوح فرعی، کنترل‌ها و اینپوت‌ها */
  --ink:         #151D48;  /* نیلی تیره و پرقدرت Dabang indigo[900] */
  --ink-2:       #374557;  /* متن بدنه Dabang grey[100] */
  --muted:       #737791;  /* خاکستری-نیلی فرعی Dabang indigo[50] */
  --muted-2:     #A098AE;  /* پلیس‌هولدرها Dabang grey[400] */
  --line:        #E2E8F0;  /* خطوط و کادرهای ظریف */
  --line-2:      #C3D3E2;  /* خطوط برجسته Dabang grey[700] */

  --accent:      #5D5FEF;  /* نیلی الکتریک نمادین دابنگ (Dabang Signature Indigo) */
  --accent-ink:  #3F51B5;  /* نیلی پررنگ برای حالت هاور و فوکوس */
  --accent-soft: #EEF2FF;  /* پس‌زمینه بسیار ملایم نیلی */

  --ok:          #00E096;  /* سبز زمردی درخشان دابنگ */
  --ok-soft:     #DCFCE7;
  --warn:        #FFA412;  /* نارنجی پرانرژی دابنگ */
  --warn-soft:   #FFF4DE;
  --danger:      #FA5A7D;  /* صورتی-قرمز خاص دابنگ */
  --danger-soft: #FFE2E5;

  --attention:      #FFA412;
  --attention-ink:  #FF8F0D;
  --attention-soft: #FFF4DE;

  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius:      14px;
  --radius-lg:   18px;
  --radius-xl:   24px;

  --shadow-xs:   0 1px 2px rgba(21, 29, 72, 0.04);
  --shadow:      0px 1px 1px 0px rgba(0, 0, 0, 0.03), 2px 2px 10px 0px rgba(0, 0, 0, 0.07);
  --shadow-md:   0px 4px 20px 0px rgba(220, 226, 238, 0.65);
  --shadow-lg:   0px 8px 30px 0px rgba(21, 29, 72, 0.12);

  --topbar-bg:   rgba(255, 255, 255, 0.90);
  --glass-hover: rgba(93, 95, 239, 0.09);
  --glass-border:rgba(93, 95, 239, 0.20);
}

/* حالت شب دابنگ (Dabang Dark Mode) */
[data-theme="dabang"][data-mode="dark"],
[data-theme="nordic"][data-mode="dark"] {
  --bg:          #0A0D1E;  /* مشکی نیلی عمیق دابنگ */
  --bg-tint:     #0F142E;
  --surface:     #151B38;  /* کارت‌های شب شناور */
  --surface-2:   #1D244A;
  --ink:         #F8FAFC;  /* سفید برفی */
  --ink-2:       #CBD5E1;  /* خاکستری روشن */
  --muted:       #8E95AF;  /* نیلی-خاکستری ملایم */
  --muted-2:     #5C6485;
  --line:        rgba(255, 255, 255, 0.09);
  --line-2:      rgba(255, 255, 255, 0.16);

  --accent:      #7072FF;  /* نیلی روشن درخشان در تاریکی */
  --accent-ink:  #5D5FEF;
  --accent-soft: rgba(93, 95, 239, 0.18);

  --ok:          #00E096;
  --ok-soft:     rgba(0, 224, 150, 0.15);
  --warn:        #FFA412;
  --warn-soft:   rgba(255, 164, 18, 0.15);
  --danger:      #FA5A7D;
  --danger-soft: rgba(250, 90, 125, 0.15);

  --attention:      #FFA412;
  --attention-ink:  #FFB84D;
  --attention-soft: rgba(255, 164, 18, 0.20);
  --topbar-bg:   rgba(21, 27, 56, 0.88);
  --glass-hover: rgba(112, 114, 255, 0.12);
  --glass-border:rgba(112, 114, 255, 0.22);
}