:root,
.editor-styles-wrapper {
	--qcb-font-body: var(--font-arabic, "Tajawal", sans-serif);
	--qcb-color-text: var(--text-primary, var(--ink, #17151f));
	--qcb-color-muted: var(--text-secondary, var(--muted, #615d6b));
	--qcb-color-accent: var(--accent, #6c3cf0);
	--qcb-color-accent-soft: var(--accent-pale, #eee8ff);
	--qcb-color-on-accent: var(--text-on-accent, #ffffff);
	--qcb-color-dark: var(--ink, #17151f);
	--qcb-color-on-dark: var(--text-on-dark, #ffffff);
	--qcb-color-surface: var(--bg-surface, #ffffff);
	--qcb-color-border: var(--border-soft, #ded9e8);
	--qcb-shadow-card: var(--shadow-sm, 0 0.75rem 2rem rgb(23 21 31 / 8%));
	--qcb-radius: 0;
	--qcb-space-1: 0.5rem;
	--qcb-space-2: 0.75rem;
	--qcb-space-3: 1rem;
	--qcb-space-4: 1.5rem;
	--qcb-space-section: clamp(2.5rem, 6vw, 5rem);
	--qcb-content-width: var(--maxw, 1180px);
}