/* ============================================================
Torod — Enhanced Orders Module
Cleaner hierarchy + RTL support
============================================================ */

:root {
	/* ---- Brand ---- */
	--main-color: #1F345E;
	--main-color-transparant: #1F345E20;
	--primary: #1F345E;
	--primary-hover: #1a2c52;
	--primary-soft: #e9ecf1;
	--primary-soft-hover: #e2e6ee;
	--primary-ink: #FFFFFF;
	--indigo: #1F345E;
	--indigo-soft: #e9ecf1;
	--lilac: #1F345E;
	--lilac-soft: #e2e6ee;
	--primary-light-color: color-mix(in srgb, var(--main-color), transparent 90%);
	--primary-soft-color: color-mix(in srgb, var(--main-color), transparent 85%);

	--secondary: #ffffff;
	--secondary-hover: #f8f7f5;
	--secondary-soft: #f5f4f3;
	--secondary-soft-hover: #f1f0ef;
	--secondary-ink: #ffffff;

	--light-50: #fafafb;
	--gray-50: #f7f7f7;
	--gray-300: #ededed;
	--gray-400: #707070;
	--gray-450: #dfdfdf;
	--gray-500: #585858;
	--gray-800: #676767;
	--red-800: #ff0000;
	--dark-500: #363636;

	/* ---- Ink scale ---- */
	--ink-1: #1A1726;
	--ink-2: #38344A;
	--ink-3: #5A5670;
	--ink-4: #8B8898;
	--ink-5: #AEAEB0;
	--ink-inverse: #FFFFFF;

	/* ---- Surfaces ---- */
	--bg: #FDFCFB;
	--surface: #FFFFFF;
	--surface-2: #FAF9F7;
	--line: #EDEAE6;
	--line-2: #E0DCD7;

	/* ---- Status ---- */
	--warn: #B45309;
	--warn-medium:#ffc600;
	--warn-soft: #FFF4DA;
	--ok: #1F8A5B;
	--ok-soft: #E1F4EA;
	--danger: #C42B1C;
	--danger-soft: #FCE5E1;
	--info: #5465FB;
	--info-soft: #E8EAFF;
	--ready: #6200EE;
	--ready-soft: #EDE7FF;
	--muted: #6E6B7B;
	--muted-soft: #EFEDF3;

	/* ---- Gradients ---- */
	--grad-brand: linear-gradient(135deg, #5000C9 0%, #6200EE 40%, #9B6DFF 100%);
	--grad-brand-soft: linear-gradient(135deg, #9B6DFF 0%, #6200EE 100%);
	--grad-card-brand: linear-gradient(145deg, #6200EE 0%, #7B61FF 100%);
	--grad-avatar: linear-gradient(135deg, #FFD58B 0%, #FF8DA1 100%);
	--grad-gold: linear-gradient(135deg, #FFD58B 0%, #FF9F6B 100%);

	/* Shadows */
	--shadow-1: 0 1px 0 rgba(56, 52, 74, 0.04), 0 1px 2px rgba(56, 52, 74, 0.04);
	--shadow-2: 0 4px 16px rgba(56, 52, 74, 0.08), 0 1px 2px rgba(56, 52, 74, 0.04);
	--shadow-pop: 0 16px 40px rgba(26, 23, 38, 0.18), 0 2px 6px rgba(26, 23, 38, 0.08);
}