/* ==========================================================================
   Core: ডিজাইন টোকেন — রং, মাপ, স্তর (z-index)
   সব মডিউল শুধু এই ভেরিয়েবল ব্যবহার করবে; রং/মাপ বদলাতে হলে শুধু এখানে বদলান।
   --arianerptheme-primary PHP থেকে ইনলাইনে আসে (Customizer → ERP → ডিফল্ট)।
   ========================================================================== */

/* ── লাইট ── */
:root {
	--arianerptheme-primary: #2563eb;
	--arianerptheme-primary-ink: #ffffff;
	--arianerptheme-bg: #f6f7f9;
	--arianerptheme-surface: #ffffff;
	--arianerptheme-surface-2: #f1f3f6;
	--arianerptheme-text: #111827;
	--arianerptheme-muted: #6b7280;
	--arianerptheme-border: #e5e7eb;
	--arianerptheme-success: #16a34a;
	--arianerptheme-danger: #dc2626;
	--arianerptheme-whatsapp: #25d366;
	--arianerptheme-media-bg: #ffffff; /* পণ্যের ছবি সাধারণত সাদা ব্যাকগ্রাউন্ডে — ডার্ক মোডেও সাদা রাখা হয়েছে */
	--arianerptheme-shadow: 0 1px 2px rgba(17, 24, 39, .06), 0 4px 16px rgba(17, 24, 39, .06);
	--arianerptheme-overlay-bg: rgba(15, 23, 42, .55);
	--arianerptheme-radius: 14px;
	--arianerptheme-radius-sm: 10px;
	--arianerptheme-gutter: 16px;
	--arianerptheme-max: 1600px; /* বড় মনিটরেও পাশে কম ফাঁকা (১৫৩৬px+ স্ক্রিনে গ্রিডে ৬ কলাম) */
	--arianerptheme-header-h: 64px;
	--arianerptheme-font: "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--arianerptheme-font-latin: "Inter", "Hind Siliguri", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; /* ইংরেজি নাম আরামদায়ক; বাংলা অক্ষর নিজে থেকে Hind Siliguri */

	/* স্তর — নতুন ভাসমান UI (কার্ট, মোডাল, টোস্ট) এই ক্রম মেনে চলবে */
	--arianerptheme-z-header: 100;
	--arianerptheme-z-overlay: 998;
	--arianerptheme-z-panel: 999;
	--arianerptheme-z-modal: 1001;
	--arianerptheme-z-toast: 1100;
	--arianerptheme-z-floating: 90; /* নিচের বার ও ভাসমান বাটন — হেডারের নিচে, প্যানেলের অনেক নিচে */

	/* নিচে স্থির UI (যেমন মোবাইলের ট্যাব বার) কতটুকু জায়গা নিচ্ছে — টোস্ট/ভাসমান বাটন এর উপরে বসে */
	--arianerptheme-bottom-offset: 0px;

	color-scheme: light;
}

/* ── ডার্ক (সিস্টেম সেটিং) ── */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--arianerptheme-bg: #0b0f17;
		--arianerptheme-surface: #131a26;
		--arianerptheme-surface-2: #1b2433;
		--arianerptheme-text: #e5e7eb;
		--arianerptheme-muted: #9ca3af;
		--arianerptheme-border: #263041;
		--arianerptheme-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);
		color-scheme: dark;
	}
}

/* ── ডার্ক (ইউজার বেছে নিয়েছে) ── */
:root[data-theme="dark"] {
	--arianerptheme-bg: #0b0f17;
	--arianerptheme-surface: #131a26;
	--arianerptheme-surface-2: #1b2433;
	--arianerptheme-text: #e5e7eb;
	--arianerptheme-muted: #9ca3af;
	--arianerptheme-border: #263041;
	--arianerptheme-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3);
	color-scheme: dark;
}